小程序登錄流程

1.在使用wx.login的success回調(diào)時(shí)會(huì)返回code，隨之wx.request請(qǐng)求接口

2.將code傳送到接口，在接口將**js_code(code)、appid、secret、grant_type(默認(rèn)為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官網(wǎng)文檔 小程序登錄圖官方文檔

4.小程序登錄流程圖小程序登錄流程圖

小程序登錄

1.現(xiàn)在獲取用戶信息只能使用button按鈕的開(kāi)放能力open-type=getUserInfo bindgetUserInfo事件來(lái)獲取到用戶的信息，獲取用戶的openid可以使用wx.login回調(diào)函數(shù)調(diào)用云函數(shù)wx.cloud.callFunction 來(lái)獲取openid

2.將用的信息和用戶的openid通過(guò)wx.setStorageSync緩存到本地，方便下次使用

3.將數(shù)據(jù)庫(kù)方法單獨(dú)封裝到一個(gè)js文件中，為了更好的管理，同時(shí)也為了避免小程序官方更新所帶來(lái)的困擾，方便開(kāi)發(fā)者即使修改

4.將數(shù)據(jù)庫(kù)名字也單獨(dú)封裝到一個(gè)js文件中，方便以后修改

5.可以在wx.checkSession中對(duì)當(dāng)前用戶信息是否過(guò)期進(jìn)行判斷，沒(méi)過(guò)期直接使用緩存中的數(shù)據(jù)即可，過(guò)期提醒登錄wx.showToast

6.可以對(duì)常用的api方法進(jìn)行封裝，唯一的好處就是萬(wàn)一更新了，咱也不愁，哈哈哈哈

小程序分包

0.主包，就是在page.json中pages中注冊(cè)的頁(yè)面，屬于小程序主包

1.普通分包，在page.josn中subpackages這個(gè)數(shù)組屬性中添加對(duì)象，root:包根目錄，pages:包含的包路徑

2.獨(dú)立分包，需要在page.josn中subpackages這個(gè)數(shù)組屬性中添加對(duì)象，在這個(gè)對(duì)象中多一個(gè)independent這個(gè)屬性值為true即可

三種分包的區(qū)別

1.在小程序主包頁(yè)面渲染完成，所有的頁(yè)面會(huì)加載一遍，生成app實(shí)例 （tabbar必須在主包內(nèi)）主包中的頁(yè)面全部加載

2.普通分包在主包完成后要跳轉(zhuǎn)到普通包頁(yè)面，這時(shí)候會(huì)加載普通分包的內(nèi)容，這時(shí)可以getApp這個(gè)實(shí)例 按需加載

3.獨(dú)立分包可以獨(dú)立于主包存在，默認(rèn)獲取不到getApp，可以通過(guò)allowDefault屬性來(lái)獲取 getApp({allowDefault:true}) 按需加載

4.目前小程序分包大小有以下限制：(1)整個(gè)小程序所有分包大小不超過(guò) 16M (2)單個(gè)分包/主包大小不能超過(guò) 2M

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

1.設(shè)置緩存 需要key(存儲(chǔ)的名字) 和 data(存儲(chǔ)的數(shù)據(jù)) wx.setStorageSync('key', data)

2.獲取緩存 名字為key wx.getStorageSync('key')

3.刪除緩存 名字為key wx.removeStorageSync('key')

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

組件庫(kù)使用流程

1.首先npm下載組件 如 bootstrap vant weui eleui等等

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

3.在Vue、React中可以直接使用，而在小程序需要npm構(gòu)建，然后注冊(cè)才能使用