> 開發跨平臺app, 難免會涉及第三方賬號授權登錄 > 以下代碼中，微信、qq、微博三大平臺返回的字段不同, 需要自行處理 > 該代碼會用到provider，參考《獲取服務提供商》篇 ``` <template> <view class="auth"> <!-- #ifdef APP-PLUS --> // 條件編譯, 代碼只有在app內才生效 <image src="../../static/weixin.jpeg" data-loginType="weixin" @click="login"></image> <image src="../../static/qq.jpeg" data-loginType="qq" @click="login"></image> <image src="../../static/weibo.jpeg" data-loginType="sinaweibo" @click="login"></image> <!-- #endif --> <!-- #ifdef MP-WEIXIN --> // 條件編譯, 代碼只有在微信小程序內才生效 <button type="default" open-type="getUserInfo" @getuserinfo="xcxLogin" withCredentials="true">小程序登錄</button> <!-- #endif --> </view> </template> <script> export default { data(){ return {}; }, onLoad() { }, methods: { login(e){ let loginType = e.currentTarget.dataset.logintype; uni.login({ provider: loginType, success: function (loginRes) { //console.log(loginRes.authResult); // 獲取用戶信息 uni.getUserInfo({ provider: loginType, success: function (infoRes) { //console.log(JSON.stringify(infoRes)) var openId = ''; //如果開放平臺申請了應用互通，可獲取unionId var nickName = ''; if (loginType == 'weixin') { openId = infoRes.userInfo.openId; nickName = infoRes.userInfo.nickName; } else if (loginType == 'qq') { openId = infoRes.userInfo.openId; nickName = infoRes.userInfo.nickname; } else if (loginType == 'sinaweibo') { openId = infoRes.userInfo.id; nickName = infoRes.userInfo.nickname; } console.log('昵稱：' + nickName + '，openId:' + openId); }, }); } }); }, xcxLogin(res){ uni.login({ provider: 'weixin', success: function(loginRes) { //console.log(loginRes); let code = loginRes.code; // 獲取用戶信息 uni.getUserInfo({ provider: 'weixin', success: function(infoRes) { //console.log(infoRes) console.log('昵稱：' + infoRes.userInfo.nickName + ', 頭像:' + infoRes.userInfo.avatarUrl); } }); // 將用戶登錄code傳遞到后臺置換用戶SessionKey、OpenId等信息 // 服務端可讓客戶端把code、昵稱、頭像等信息一并傳入，服務端將code換取為openId后保存，并返回access_token uni.request({ url: '服務器地址', data: { code: code, }, method: 'GET', header: { 'content-type': 'application/json' }, success: (res) => { //openId、或SessionKdy存儲//隱藏loading uni.hideLoading(); } }); } }); } } } </script> ``` > 參考文檔：https://uniapp.dcloud.io/api/plugins/login > 小程序參考：https://www.cnblogs.com/wfaceboss/p/10472413.html