## 重要說明 因小程序和app登錄接口不同，需要在前端進行跨端兼容處理！ ## 小程序端必須的配置 小程序端必須配置 app id（申請小程序開發者并獲取 appid 及相關秘鑰，支持個人開發者）。獲取appid后編輯 manifest.json : ``` "mp-weixin" : { "appid" : "您的app id" } ``` ### 接口地址 https://developers.weixin.qq.com/miniprogram/dev/api/open.html#wxgetuserinfoobject ### app 端必須的配置 app 端支持微信、qq、微博等多種登錄方式，都需要申請對應的開發者并獲取對應的 appid。獲取對應的appid后打開 manifest 可視化操作填寫即可： ### 是否登錄判斷（App.vue） ``` global.isLogin = function(){ try{ var suid = uni.getStorageSync('suid'); var srand = uni.getStorageSync('srand'); }catch(e){ //TODO handle the exception } if(suid == '' || srand == ''){ return false; }else{ return [suid, srand]; } }; ``` ### 需要登錄的頁面判斷 ``` var res = global.isLogin(); if(!res){ uni.showModal({ title:'請登錄', content:"請登錄", success:function(){ uni.navigateTo({ url:"/pages/login" }); } }) } ``` ## 登錄頁面開發 ``` <template> <view style="padding:35px;"> <!-- #ifdef MP-WEIXIN --> <button type="primary" open-type="getUserInfo" @getuserinfo="getuserinfo" withCredentials="true">微信登錄</button> <!-- #endif --> <!-- #ifdef APP-PLUS --> <button type="primary" open-type="getUserInfo" @click="getuserinfo" withCredentials="true">微信登錄</button> <!-- #endif --> <button style="margin-top:50px;">手機號碼登錄</button> </view> </template> <script> var _self; export default { data:{ }, onLoad:function(){ _self = this; }, methods:{ getuserinfo : function(res1){ console.log(res1); //如果只需要opendid 和非加密數據至此登錄完成 //此處連接數據庫利用openid 就可以進行登錄環節 //免費的視頻教程 http://www.hcoder.net/tutorials/info_141.html wx.login({ success:function(res2){ //獲取 sessionKey wx.request({ url : 'https:///hoa.hcoder.net/xcxencode/?c=sk&appid=wxbb7f9f1f2c6f4f33&secret=739b970b832f0df158f54c494a08e440&code='+res2.code, success:function(res3){ console.log(res3); //記錄到本地 try{ uni.setStorageSync('sk', res3.data.session_key); uni.setStorageSync('openid', res3.data.openid); }catch(e){ //TODO handle the exception } uni.hideLoading(); //以下步驟可以獲取加密信息，需要授權 //獲取加密信息 if(!res1.detail.iv){ uni.showToast({ title:"您取消了授權,登錄失敗", 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(res4); //至此登錄完成 } }); } }) } }); } } } </script> <style> </style> ```