完整代碼

微信登錄

微信登錄

手機號碼登錄

var _self;

export default {

data:{

},

onLoad:function(){

_self = this;

},

methods:{

getuserinfoh5appwx: function(){

uni.login({

success:function(res2){

console.log(JSON.stringify(res2) + '2');

uni.getUserInfo({

success:function(res3){

console.log(JSON.stringify(res3) + '3');

}

})

},

});

},

getuserinfo : function(res1){

console.log(JSON.stringify(res1) + '1');

//如果只需要opendid 和非加密數據至此登錄完成

//此處連接數據庫利用openid 就可以進行登錄環節

//免費的視頻教程 http://www.hcoder.net/tutorials/info_141.html

uni.login({

success:function(res2){

console.log(JSON.stringify(res2) + '2');

//獲取 sessionKey

uni.request({

url : 'https:///hoa.hcoder.net/xcxencode/?c=sk&appid=wxbb7f9f1f2c6f4f33&secret=739b970b832f0df158f54c494a08e440&code='+res2.code,

success:function(res3){

console.log(JSON.stringify(res3) + '3');

//記錄到本地

try{

uni.setStorageSync('sk', res3.data.session_key);

uni.setStorageSync('openid', res3.data.openid);

}catch(e){

//TODO handle the exception

}

uni.hideLoading();

//以下步驟可以獲取加密信息，需要授權

//獲取加密信息

if(!res1.detail.iv){

uni.showToast({

title:"您取消了授權,登錄失敗",

icon:"none"

});

return false;

}

try{

var sessionKey = uni.getStorageSync('sk');

console.log(sessionKey);

}catch(e){

//TODO handle the exception

}

uni.request({

/**

* $appid = $_POST['appid'];

$sessionKey = $_POST['sessionKey'];

$encryptedData = $_POST['encryptedData'];

$iv = $_POST['iv'];

*/

method : "POST",

url : 'https:///hoa.hcoder.net/xcxencode/',

header : {'content-type':'application/x-www-form-urlencoded'},

data : {

appid : "wxbb7f9f1f2c6f4f33",

sessionKey : sessionKey,

iv : res1.detail.iv,

encryptedData : res1.detail.encryptedData

},

success:function(res4){

//"{"openId":"oS6of0V0rdp9nY_BuvCnQUasOHYc","nickName":"深海",

//"gender":1,"language":"zh_CN","city":"Xi'an","province":"Shaanxi",

//"country":"China","avatarUrl":"https://wx.qlogo.cn/mmopen/vi_32/7iags6YD4enyU"

console.log(JSON.stringify(res4) + '4');

//至此登錄完成

}

});

}

})

}

});

}

}

}

總結

以上是生活随笔為你收集整理的uniapp 生成html5_uni-app 登录（h5+ app 篇）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。