uniapp 生成html5_uni-app 登录（h5+ app 篇）
完整代碼
微信登錄
微信登錄
手機(jī)號(hào)碼登錄
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 和非加密數(shù)據(jù)至此登錄完成
//此處連接數(shù)據(jù)庫(kù)利用openid 就可以進(jìn)行登錄環(huán)節(jié)
//免費(fèi)的視頻教程 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();
//以下步驟可以獲取加密信息，需要授權(quán)
//獲取加密信息
if(!res1.detail.iv){
uni.showToast({
title:"您取消了授權(quán),登錄失敗",
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');
//至此登錄完成
}
});
}
})
}
});
}
}
}
總結(jié)
以上是生活随笔為你收集整理的uniapp 生成html5_uni-app 登录（h5+ app 篇）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： JRE和JDK的区别（笔记）
- 下一篇： JAVA之HttpClient+Jsou