快捷導(dǎo)航

uni-app微信小程序登錄授權(quán)的實現(xiàn)

更新時間：2020年05月22日 14:11:08 作者：南之驕陽

這篇文章主要介紹了uni-app微信小程序登錄授權(quán)的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

微信小程序授權(quán)是非常簡單和常用的功能，但為了方便，還是在此記錄一下要點：

首先是需要用到一個授權(quán)按鈕來觸發(fā)獲取用戶信息授權(quán)：關(guān)鍵在于 open-type 為 getUserInfo , 然后有個@getuserinfo的事件，把獲取授權(quán)接口寫到該事件里面去

<button class="sys_btn" open-type="getUserInfo" lang="zh_CN" @getuserinfo="appLoginWx">{{loginInfo.openid != "" && loginInfo.openid != undefined ? "已授權(quán)" : "小程序授權(quán)"}}</button>

方法如下：

appLoginWx(){
        // #ifdef MP-WEIXIN
          uni.getProvider({
           service: 'oauth',
           success: function (res) {
            if (~res.provider.indexOf('weixin')) {
              uni.login({
                provider: 'weixin',
                success: (res) => {
                  _self.authorization = res.code;
                  uni.getUserInfo({
                    provider: 'weixin',
                    success: (info) => {//這里請求接口
                      console.log(res);
                      console.log(info);
                      
                    },
                    fail: () => {
                      uni.showToast({title:"微信登錄授權(quán)失敗",icon:"none"});
                    }
                  })
              
                },
                fail: () => {
                  uni.showToast({title:"微信登錄授權(quán)失敗",icon:"none"});
                }
              })
              
            }else{
              uni.showToast({
                title: '請先安裝微信或升級版本',
                icon:"none"
              });
            }
           }
          });
          //#endif
      }

在 uni.login 和 uni.getUserInfo 被調(diào)用后，你可以獲取到以下值用于繼續(xù)請求后端給你的接口：

常用的值大概有：code 、iv 、encryptedData 和個人基本信息，這些可以傳給后端交換得到openid。

如果需要知道用戶當(dāng)前是否已經(jīng)授權(quán)，則可以使用如下代碼：

uniapp的授權(quán)文檔，可以判斷不同的授權(quán)類型：https://uniapp.dcloud.io/api/other/authorize?id=authorize

// #ifdef MP-WEIXIN
      uni.getSetting({
       success(res) {
        console.log("授權(quán)：",res);
        if (!res.authSetting['scope.userInfo']) {
          //這里調(diào)用授權(quán)
          console.log("當(dāng)前未授權(quán)");
        } else {
          //用戶已經(jīng)授權(quán)過了
          console.log("當(dāng)前已授權(quán)");
        }
       }
      })
      //#endif

到此這篇關(guān)于uni-app微信小程序登錄授權(quán)的實現(xiàn)的文章就介紹到這了,更多相關(guān)uni-app小程序登錄授權(quán)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: