授權登錄的流程圖

一、先判斷是否授權。

如果已經授權

// 獲取用戶信息wx.getSetting({success: res => {if (res.authSetting['scope.userInfo']) {// 已經授權，可以直接調用 getUserInfo 獲取頭像昵稱，不會彈框wx.getUserInfo({success: res => {// 可以將 res 發送給后臺解碼出 unionIdthis.globalData.userInfo = res.userInfo// 由于 getUserInfo 是網絡請求，可能會在 Page.onLoad 之后才返回// 所以此處加入 callback 以防止這種情況if (this.userInfoReadyCallback) {this.userInfoReadyCallback(res)}}})}}})

判斷本地是否有token，沒有就調用wx.login獲取Code，調用wx.getUserinfo獲取昵稱等

如沒有授權就顯示授權登錄的按鈕

允許授權 進入button按鈕的bindgetuserinfo的回調事件

二、wx.login獲取code

1.請求成功code，請求后臺接口，攜帶參數Code和用戶信息

代碼如下（示例）：

wx.login({success: async (res) => {if (res.code) {console.log(res);// 登錄let {data: r} = await request(`https://api.it120.cc/zhiqidi/user/wxapp/authorize?code=${res.code}`,{},"POST")console.log(r);wx.setStorageSync('token', r.data.token);} }})

2.調用

1.后臺調用微信接口用code換取session key
2.后臺用session key解密數據獲取openid和unionid

3.對比存在

1.存在 生成自定義token，保存token，處理后續業務
2.不存在，注冊新用戶，生成自定義token，保存token，處理后續業務

---

總結

提示：這里對文章進行總結：
例如：以上就是今天要講的內容，本文僅僅簡單介紹了pandas的使用，而pandas提供了大量能使我們快速便捷地處理數據的函數和方法。

總結

以上是生活随笔為你收集整理的微信小程序授权登录的步骤的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。