uni-app授權登錄功能的實現,包括微信授權、QQ授權

今天講述一下購靚號平臺APP的兩種常用授權登錄方式,廢話不多說,公衆號搜索【購靚號】自行體驗。個人引以爲豪的作品。哈哈哈
首先是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,或掃碼

另外需要體驗購靚號的的可以掃下方二維碼,明天繼續更新其他端登錄

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章