微信小程序开发热知识

481 阅读3分钟

一、账号相关

  1. 一个微信号/身份证/手机号最多可绑定成为5个小程序的管理员;
  2. 每个微信号可以成为50个小程序的项目成员;
  3. 同一个邮箱只能申请1个小程序;
  4. 同一企业注册小程序数量上线为50个;

二、主包和分包

2.1 什么是主包、分包?

微信小程序所有分包大小不超过20M,单个主包/分包大小不能超过2M;

  • 主包
    • 定义:所谓的主包,即放置默认启动页面/TabBar页面,以及一些所有分包都需用到的公共资源/JS脚本;
    • 分包可以引用主包的资源,主包没法引用分包的资源;
  • 分包
    • 定义:分包,是根据pages.json的配置进行划分;
    • 分包可以引用主包的资源,但不能引用其他分包的资源,分包之间不可以相互引用。
    • 注意:微信小程序并没有对分包的数量进行限制,只要满足所有分包大小不超过20M,单个分包大小不超过2M即可。

2.2 主包大小如何控制?

  1. 图片资源最好使用网络地址;
  2. 类库js最好用mini版的;
  3. 相同的逻辑代码,提取出来做公共代码;
  4. 需要npm安装的第三方类库,使用云函数;
  5. 合理使用分包;

三、生命周期

以使用uni-app开发为例:

3.1 应用生命周期

uni-app支持onLaunch、onShow、onHide等应用生命周期函数。
注意:应用生命周期仅可在App.vue中监听,在其他页面监听无效。

函数名说明
onLaunchuni-app初始化完成时触发(全局只触发一次)
onShowuni-app启动,或从后台进入前台显示
onHideuni-app从前台进入后台
onErroruni-app报错时触发
onPageNotFound页面不存在监听函数
onThemeChange监听系统主题变化

3.2 页面生命周期

uni-app支持onLoad、onShow、onReady等生命周期函数。

函数名说明
onLoad监听页面加载,参数同onInit
onShow监听页面显示,页面每次出现都触发,包括从下级页面返回
onReady监听页面初次渲染完成
onHide监听页面隐藏,与onShow相反
onUnload监听页面卸载
onResize监听窗口尺寸变化
onPulDownRefresh监听用户下拉动作,一般用于下拉刷新
onReachBottom页面滚动到底部的事件,常用于下拉加载下一页数据
onTabItemTab点击tab时触发
onShareAppMessage用户点击右上角分享
onPageScroll监听页面滚动
onNavigationBarButtonTap监听原生标题栏按钮点击事件(H5 )
onBackPress监听页面返回(H5 )
onShareTimeline监听用户点击右上角转发到朋友圈
onAddToFavorites监听用户点击右上角收藏

3.3 微信分享的两种方式

  • 方式一:
    • 点击右上角分享,触发onShareAppMessage
onShareAppMessage () {
    return {
        title: '', // 分享事件标题
        path: '', // 页面路径
        imageUrl: '', // 分享卡片图标
    }
}
  • 方式二:
    • 自定义分享按钮,button标签上添加open-type="share"
    • 点击触发onShareAppMessage

四、问题与解决

  • 问题一
    • 提问:体验版小程序在使用时,部分功能需要打开调试才能正常使用,这是怎么回事?
    • 解决:体验版小程序打开调试后,会取消校验服务器域名,因此,出现这种现象时,需要确认服务器域名和配置是否正确

640.png

...... 未完待续 ......