這篇文章主要講解了“微信小程序怎么授權(quán)登錄”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“微信小程序怎么授權(quán)登錄”吧！

成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)介紹好的網(wǎng)站是理念、設(shè)計(jì)和技術(shù)的結(jié)合。創(chuàng)新互聯(lián)建站擁有的網(wǎng)站設(shè)計(jì)理念、多方位的設(shè)計(jì)風(fēng)格、經(jīng)驗(yàn)豐富的設(shè)計(jì)團(tuán)隊(duì)。提供PC端+手機(jī)端網(wǎng)站建設(shè)，用營銷思維進(jìn)行網(wǎng)站設(shè)計(jì)、采用先進(jìn)技術(shù)開源代碼、注重用戶體驗(yàn)與SEO基礎(chǔ)，將技術(shù)與創(chuàng)意整合到網(wǎng)站之中，以契合客戶的方式做到創(chuàng)意性的視覺化效果。

微信授權(quán)登錄流程

第一步：wx.login獲取 用戶臨時登錄憑證code

第二步：wx.getUserInfo獲取加密過的數(shù)據(jù)encryptedData和解密參數(shù)iv

第三步：把步驟一、二中的code、encryptedData、iv傳到開發(fā)者自己服務(wù)端

第三步：服務(wù)端獲取到code、encryptedData、iv之后用get方法請求如下微信接口

https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

appid：小程序appid

secret： 小程序密鑰

js_code： 第一步獲取的臨時登錄憑證code

grant_type：'authorization_code'

接口會返回 openid, session_key，注意：用戶已經(jīng)授權(quán)過的平臺還會返回unionId，如果你只是需要unionId，則到此為止

官方文檔說法如圖：

沒有授權(quán)過則用encryptedData、session_key、iv、appid、secret進(jìn)行解密，官方多語言解密示例下載鏈接：
unionId解密示例

包含c++ php python node

第四步：仿照示例解密后獲得unionId，想做什么就做什么了~

以下是授權(quán)登錄前端代碼:

authLogin () {
  wx.login({
   success: loginRes => {
    let code = loginRes.code // 獲取用戶臨時code
    wx.getUserInfo({
     success: function (res) {
      let encryptedData = res.encryptedData // 獲取加密數(shù)據(jù)
      let iv = res.iv // 解密參數(shù)
      // 發(fā)送解密必要數(shù)據(jù)到服務(wù)端
      wx.request({
       url: 'http://localhost',
       methods: 'POST',
       data: {
        code: code,
        encryptedData: encryptedData,
        iv: iv
       },
       succeess: res => {
        // 服務(wù)端首先調(diào)用微信接口獲取session_key
        // 用戶已經(jīng)授權(quán)過的平臺會直接返回unionId
        // 沒有授權(quán)過則用session_key進(jìn)行解密
        // 解密成功后服務(wù)端根據(jù)邏輯返回自定義信息
       }
      })
     }
    })
   }
  })
 }

以上步驟可行，但是微信調(diào)整了用戶授權(quán)方式

新的授權(quán)需用button組件調(diào)用getUserInfo，所以在這之前無法調(diào)用wx.login，但是如果先調(diào)用獲取用戶信息再調(diào)用wx.login的話，解密過程會出錯，猜測code對應(yīng)的session_key和之前getUserInfo獲取的encryptedData不匹配

解決辦法：

在頁面的onLoad生命周期里調(diào)用wx.login，獲取的code存入data以備需要的時候使用，但是code失效時間為5分鐘，如果用戶停留頁面時間過長后點(diǎn)擊授權(quán)登錄，此時的code已經(jīng)過期了，所以，獲取code的函數(shù)應(yīng)該每4分鐘左右調(diào)用一次

wxml按鈕授權(quán)：

微信登錄

js:

 // 獲取code
 onLoad: function (options) {
  this.getCodeTimer()
 },
 getCodeTimer () {
  wx.login({
   success: res => {
    this.data.code = res.code
    setTimeout(() => {
     this.getCodeTimer()
    }, 4 * 60 * 1000)
   }
  })
 },
 // 授權(quán)登錄
 authLogin(event) {
  if (event.detail.errMsg == 'getUserInfo:ok') {
   wx.showLoading()
   let reqData = {
    code: this.data.code,
    encryptedData: event.detail.encryptedData,
    iv: event.detail.iv
   }
   wx.request({
    url: 'http://localhost:8080',
    methods: 'POST',
    data: reqData,
    success: (res) => {
     console.log(res)
      // 請求完成
    }
   })
  } else {
   console.log('用戶拒絕授權(quán)')
  }
 }

感謝各位的閱讀，以上就是“微信小程序怎么授權(quán)登錄”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對微信小程序怎么授權(quán)登錄這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！

標(biāo)題名稱：微信小程序怎么授權(quán)登錄-創(chuàng)新互聯(lián)
文章路徑：http://weahome.cn/article/dpcogs.html