小程序登录流程

1.在使用wx.login的success回调时会返回code，随之wx.request请求接口

2.将code传送到接口，在接口将**js_code(code)、appid、secret、grant_type(默认为authorization_code)**以变量得形式

3.传到https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code上获取接口返回的openid、session_key
wx.login官网文档 小程序登录图官方文档

4.小程序登录流程图小程序登录流程图

小程序登录

1.现在获取用户信息只能使用button按钮的开放能力open-type=getUserInfo bindgetUserInfo事件来获取到用户的信息，获取用户的openid可以使用wx.login回调函数调用云函数wx.cloud.callFunction 来获取openid

2.将用的信息和用户的openid通过wx.setStorageSync缓存到本地，方便下次使用

3.将数据库方法单独封装到一个js文件中，为了更好的管理，同时也为了避免小程序官方更新所带来的困扰，方便开发者即使修改

4.将数据库名字也单独封装到一个js文件中，方便以后修改

5.可以在wx.checkSession中对当前用户信息是否过期进行判断，没过期直接使用缓存中的数据即可，过期提醒登录wx.showToast

6.可以对常用的api方法进行封装，唯一的好处就是万一更新了，咱也不愁，哈哈哈哈

小程序分包

0.主包，就是在page.json中pages中注册的页面，属于小程序主包

1.普通分包，在page.josn中subpackages这个数组属性中添加对象，root:包根目录，pages:包含的包路径

2.独立分包，需要在page.josn中subpackages这个数组属性中添加对象，在这个对象中多一个independent这个属性值为true即可

三种分包的区别

1.在小程序主包页面渲染完成，所有的页面会加载一遍，生成app实例 （tabbar必须在主包内）主包中的页面全部加载

2.普通分包在主包完成后要跳转到普通包页面，这时候会加载普通分包的内容，这时可以getApp这个实例 按需加载

3.独立分包可以独立于主包存在，默认获取不到getApp，可以通过allowDefault属性来获取 getApp({allowDefault:true}) 按需加载

4.目前小程序分包大小有以下限制：(1)整个小程序所有分包大小不超过 16M (2)单个分包/主包大小不能超过 2M

小程序的缓存，同步,和Vue、React一致

1.设置缓存 需要key(存储的名字) 和 data(存储的数据) wx.setStorageSync('key', data)

2.获取缓存 名字为key wx.getStorageSync('key')

3.删除缓存 名字为key wx.removeStorageSync('key')

4.清除缓存 清除所有缓存 wx.clearStorageSync()

组件库使用流程

1.首先npm下载组件 如 bootstrap vant weui eleui等等

2.引入全局样式 如：在Vue需要在main.js中引入 小程序需要在app.wxss中引入

3.在Vue、React中可以直接使用，而在小程序需要npm构建，然后注册才能使用