pc端使用微信登陸

 

 

　　PC端使用微信登陸，成功后先跳轉到稍后頁面然后跳到個人中心

 

　　1、首先要后台去申請微信appid以及前期的一些准備工作，當然前端做也可以，但是我沒負責這塊，我就不知道怎么申請，申請成功后會給一個appid

　　2、二維碼頁面代碼　

　　<div id="wxCode"></div>

　　<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
　　<script>
　　　　$(document).ready(function(){
　　　　　　var obj = new WxLogin({
　　　　　　　　id:"wxCode",　　//div的id
　　　　　　　　appid: "wx6axxxxxxxxxxxxxd6",　　//后台申請的appid
　　　　　　　　scope: "snsapi_login",　　//寫死
　　　　　　　　redirect_uri:encodeURI("https://xxxxxxxxxxxxxxxx.html") ,　　//掃描二維碼后跳轉的頁面
　　　　　　　　state: "",
　　　　　　　　style: "black",//二維碼黑白風格
　　　　　　　　href: ""
　　　　　　});
　　　　});
　　</script>

　　3、跳轉頁面

　　掃描二維碼后會返回一個code，該code會自動添加在你跳轉頁面的url地址后面，后台需要通過code判斷是否登陸成功，最好是新增一個頁面專門用來判斷是否登陸成功，不要直接跳轉到原本的頁面。

　　獲取code

　　getRequest() {
　　　　var url = window.location.search; //獲取url中"?"符后的字串
　　　　url = url.substr(1);
　　　　url = url.split('&')[0].split('=')[1];
　　　　var theRequest = {code:url};
　　　　return theRequest;
　　}

　　將獲取的code傳給后台，后台判斷后返回結果給你，再通過結果判斷是否跳轉到個人中心頁