uniapp 中APP使用微信授權(quán)登錄完整總結(jié)

二:APP微信授權(quán)

主要步驟:

(1)在App中要實現(xiàn)微信授權(quán)則需要在微信公眾平臺申請一個應(yīng)用,獲取相應(yīng)的appid和appsecret;

在填寫申請時有2個地方需要注意:

應(yīng)用包名:是app打包時候可以填寫的如下圖位置:

應(yīng)用簽名可以在:微信公眾平臺的頭部導(dǎo)航 ---? 資源中心? ---資源下載 中點擊下載一個手機(jī)軟件,輸入應(yīng)用包名后直接生成復(fù)制;

(2)在uniapp項目中的manifest.json 進(jìn)行APP SDK配置 和 模塊權(quán)限配置;

sdk配置
模塊權(quán)限配置

(3)終于進(jìn)入正式環(huán)節(jié),開始編碼:

//app第三方登錄

handleThirdLoginApp(){

console.log("App微信拉起授權(quán)")

var that=this

uni.getProvider({

? ? service: 'oauth',

? ? success: function(res) {

? ? ? ? console.log(res.provider);

? ? ? ? //支持微信、qq和微博等

? ? ? ? if (~res.provider.indexOf('weixin')) {

? ? ? ? ? ? uni.login({

? ? ? ? ? ? ? provider: 'weixin',

? ? ? ? ? ? ? success: function (loginRes) {

? console.log("App微信獲取用戶信息成功",loginRes);

? ? ? ? ? ? ? ? ? that.getApploginData(loginRes)? //請求登錄接口方法

? ? ? ? ? ? ? },

? ? ? ? ? ? ? fail:function(res){

? ? ? ? ? ? ? console.log("App微信獲取用戶信息失敗",res);

? ? ? ? ? ? ? }

? ? ? ? ? ? })

? ? ? ? }

? ? }

});

},

//請求登錄接口方法

getApploginData(data){

var that =this

//這邊是前端自己去調(diào)微信用戶信息的接口,根據(jù)接口需要請求,如果不需要前端去獲取的話就交給后端,可省去次操作

uni.request({

url: "https://api.weixin.qq.com/sns/userinfo?access_token="+data.authResult.access_token+"&openid="+data.authResult.openid,

method: 'GET',

dataType: 'json',

header: {

? 'content-type': 'application/x-www-form-urlencoded' // 默認(rèn)值

},

success(res) {

console.log('【登錄回調(diào)啾啾啾】',res)

that.$api.ajax('smdc/index/applogin', res.data,function(ret){

console.log("登錄接口成功回調(diào):",ret)

},'POST',true)

},fail() {

}

})

}

以上就是APP登錄的完整操作流程。over~?

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容