hbuilder 第三方登錄實例

微信、QQ第三方登錄的具體實現(xiàn)

之前的文章已經(jīng)說了相關(guān)manifest參數(shù)配置，在開發(fā)環(huán)境中相關(guān)sdk第三方登錄那里的配置appid可以先隨便寫，因為hbuilder內(nèi)部已經(jīng)封裝好了。切記打包之前換成正式id。

具體實現(xiàn)：

微信登錄

js處理：

var auths=null;

document.getElementById("loginByWX").addEventListener('tap', function() {

plus.oauth.getServices( function(services){

auths = services;

for(var k in auths){

console.log(auths[k].id)

}

//auths解釋0QQ 1微信 2微博 3小米，但是不建議使用auths[1]類似的寫法，因為各個設(shè)備排序不一樣，比較坑爹

//注意獲取使用unionid，此id通用后期的微信端等它會用戶共享，(openid完全唯一)

//var s = auths[1];

var s;

for (var i = 0; i < auths.length; i++){

//用這樣的寫法指定第三方，參照：

//[LOG] : xiaomi

//[LOG] : qq

//[LOG] : sinaweibo

//[LOG] : weixin

if (auths[i].id == 'weixin'){

s = auths[i];

break;

}

}

if(!s.authResult){

s.login(function(e){

// 獲取登錄操作結(jié)果

s.getUserInfo( function(e){

console.log( "獲取用戶信息成功："+JSON.stringify(s.userInfo) );

mui.toast('登錄成功');

}, function(e){

console.log( "獲取用戶信息失敗："+e.message+" - "+e.code );

mui.toast('獲取用戶信息失敗');

} );

}, function(e){

mui.toast('登錄認證失敗');

});

}else{

//已經(jīng)登錄認證

mui.toast('登錄成功');

}

}, function(e){

console.log( "獲取登錄失敗："+e.message+" - "+e.code );

mui.toast('登錄認證失敗');

});

});

評論：

rain

2018-03-08 22:47

您好，能發(fā)給我一份完整的demo嘛，第三方登錄的

1248824030@qq.com

momognu

2019-01-08 05:41

@rain：把代碼寫到plusready里面應(yīng)該就行了吧http://www.html5plus.org/doc/zh_cn/oauth.html

發(fā)表評論：

昵稱

郵件地址 (選填)

個人主頁 (選填)

總結(jié)

以上是生活随笔為你收集整理的hbuilder怎么做登录界面_hbuilder 第三方登录实例的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。