免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

微信小程序如何授權(quán)登錄-創(chuàng)新互聯(lián)

小編給大家分享一下微信小程序如何授權(quán)登錄,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

創(chuàng)新互聯(lián)基于分布式IDC數(shù)據(jù)中心構(gòu)建的平臺(tái)為眾多戶提供IDC機(jī)房托管 四川大帶寬租用 成都機(jī)柜租用 成都服務(wù)器租用。

注:沒有在微信開放平臺(tái)做開發(fā)者資質(zhì)認(rèn)證的就不要浪費(fèi)時(shí)間了,沒認(rèn)證無法獲取unionId,認(rèn)證費(fèi)用300元/年,emmmm....

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

第一步:wx.login獲取 用戶臨時(shí)登錄憑證code

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

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

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

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

appid:小程序appid

secret: 小程序密鑰

js_code: 第一步獲取的臨時(shí)登錄憑證code

grant_type:'authorization_code'

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

官方文檔說法如圖:

微信小程序如何授權(quán)登錄

沒有授權(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 // 獲取用戶臨時(shí)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)過的平臺(tái)會(huì)直接返回unionId
        // 沒有授權(quán)過則用session_key進(jìn)行解密
        // 解密成功后服務(wù)端根據(jù)邏輯返回自定義信息
       }
      })
     }
    })
   }
  })
 }

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

微信小程序如何授權(quán)登錄

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

解決辦法:

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

wxml按鈕授權(quán):

<button open-type='getUserInfo' bindgetuserinfo="authLogin">微信登錄</button>

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)
      // 請(qǐng)求完成
    }
   })
  } else {
   console.log('用戶拒絕授權(quán)')
  }
 }

授權(quán)邏輯修改后實(shí)測(cè)沒有出過錯(cuò)

以上是“微信小程序如何授權(quán)登錄”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

分享標(biāo)題:微信小程序如何授權(quán)登錄-創(chuàng)新互聯(lián)
鏈接URL:http://m.newbst.com/article26/dpshjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版外貿(mào)網(wǎng)站建設(shè)虛擬主機(jī)企業(yè)建站網(wǎng)頁設(shè)計(jì)公司云服務(wù)器

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)