小程序登錄流程

1.在使用wx.login的success回調(diào)時會返回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官網(wǎng)文檔 小程序登錄圖官方文檔

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

小程序登錄

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

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

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

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

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

6.可以對常用的api方法進行封裝，唯一的好處就是萬一更新了，咱也不愁，哈哈哈哈

小程序分包

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

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

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

三種分包的區(qū)別

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

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

3.獨立分包可以獨立于主包存在，默認獲取不到getApp，可以通過allowDefault屬性來獲取 getApp({allowDefault:true}) 按需加載

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

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

1.設(shè)置緩存 需要key(存儲的名字) 和 data(存儲的數(shù)據(jù)) 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構(gòu)建，然后注冊才能使用