uni-app授权登录功能的实现,包括微信授权、QQ授权

今天讲述一下购靓号平台APP的两种常用授权登录方式,废话不多说,公众号搜索【购靓号】自行体验。个人引以为豪的作品。哈哈哈
uni-app授权登录功能的实现,包括微信授权、QQ授权_第1张图片
首先是APP微信授权登录

APP微信授权需要到微信开放平台申请,在hbuilderX配置APP SDK中微信登录的appId,另外需要跟小程序、公众号授权账号互通的话也需要在微信开放平台申请,需要300元。哈哈哈

var self=this;
uni.login({
	provider: "weixin",
	success: (res) => {
		uni.getUserInfo({
		    provider: 'weixin',
		    success: function (infoRes) {
				let formdata={
					nickName:infoRes.userInfo.nickName,
					gender:infoRes.userInfo.gender,
					openId:infoRes.userInfo.openId,
					unionId:infoRes.userInfo.unionId
				};
				self.$go.post("/wxlogin",formdata).then(res=>{});
			}
		})
	},
	fail: (err) => {}
});

后端直接根据unionId来判断用户的唯一性。

APP QQ授权登录

QQ授权登录也有unionId,有网页QQ授权的朋友需要注意了

uni.login({
	provider: "qq",
	success: (resp) => {
		var access_token=resp.authResult.access_token;
		uni.getUserInfo({
		    provider: 'qq',
		    success: function (infoRes) {
				var formdata={
					nickName:infoRes.userInfo.nickname,
					gender:infoRes.userInfo.gender=='男'?0:1,
					openId:infoRes.userInfo.openid,
					access_token:access_token,
				};
				self.$go.post("/qqlogin",formdata).then(res=>{});
			}
		})
	},
	fail: (err) => {}
});

以上展示的都是最重要的代码,复制就可以使用,自己可以加一些加载显示,也可以去购靓号平台体验一下登录,如有疑问,下方留言,或加微信:17771806167,或扫码

uni-app授权登录功能的实现,包括微信授权、QQ授权_第2张图片

另外需要体验购靓号的的可以扫下方二维码,明天继续更新其他端登录

uni-app授权登录功能的实现,包括微信授权、QQ授权_第3张图片

你可能感兴趣的:(uni-app,javascript,uni-appQQ登录,uni-app微信登录,uni-app登录,使用方法,JavaScript)