微信小程序登录
设置button 的 open-type属性
<button open-type="getUserInfo" @getuserinfo="getuserinfo">
授权登录
</button>
点击按钮触发授权 然后获取用户信息
getuserinfo() {
uni.getUserInfo({
provider: 'weixin',
success: function(infoRes) {
this.nickName = infoRes.userInfo.nickName; //昵称
this.avatarUrl = infoRes.userInfo.avatarUrl; //头像
uni.setStorageSync('isLogin', true); // 存静态值表示登录过
this.login(); // 请求后台 得到openid 后台登录的一些数据
}
});
}
根据uni.login得到的code值 交给后台 置换openId
uni.request({
url:url,
method: 'GET',
header: {
'content-type': 'application/json'
},
success: (res) => {
_this.openid = res.data.data.openid
_this.updateUserInfo()
uni.hideLoading();
}
});
根据openid 及其他信息 完成登录 拿到后台的数据
uni.request({
url:url, //服务器端地址
data: {
OpenId: _this.openid,
NickName: _this.nickName,
AvatarUrl: _this.avatarUrl,
},
method: 'POST',
success: (res) => {
}
});