微信第三方登入【用戶端篇】

a.掃碼頁面

b.掃碼頁面樣式設定

服務端的接口封裝好了之後，拿到接口位址，這時候用戶端的同學通過http請求通路，（如果二維碼頁面樣式有要求請看A，沒有看B）

a.  這時候需寫好一個html頁面，頁面裡面的css樣式就是用來控制生成的二維碼樣式的，但是css檔案并不能直接操作，而是需要官方提供的 wxLogin.js來控制，把css的網絡路徑作為參數傳入到js裡的 WxLogin對象中。（詳情見開官方發文檔https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419316505&token=&lang=zh_CN 第一步請求示例中）

你頁面也寫好了，這時候拿到伺服器上部署好了，結果還是沒有看到你設定的效果？你按開浏覽器的F12即可看見浏覽器報錯因為您的位址不是以https開頭會以安全級别不夠把你css修改的要求駁回。這時候需要更新到官網的要求。

b.服務端直接傳回api預設二維碼的位址（黑色的背景）

ok，以上步驟完成，終于能看到二維碼了。當我們掏出手機掃碼成功之後，這時候服務端是可以拿到登入狀态和你目前微信賬号資訊的。服務端還需要做的一件事情就是把這些資訊記錄到公司的資料庫中。用戶端

需要在界面上顯示目前微信賬号的資訊，資料哪裡來呢？依然是從服務端拿，這時候再次請求服務端同學給你封裝好的接口拿資料，這時候要注意了。怎麼樣要在下次登入的時候確定是同一個人呢？這時候官方同樣提出了字段叫Union Id.這個id從哪裡來？依舊在開發文檔中，第二步《通過code擷取access_token》。這個api的參數和第一個大同小異，這裡就不在贅述。過程順利的話拿到Union Id，并不能直接使用因為加密過，加密的手段是RSA 可參考 http://blog.csdn.net/u010678947/article/details/48652875。拿到明文的union id之後該驗證驗證該幹什麼操作幹什麼。最後确認是合法的id就可以登入啦。

第一次寫部落格，如有不對歡迎各位大牛斧正，立馬修改。如果有能幫到各位的話歡迎加群詢問。鄙人會盡所能解答。（如涉及侵權請聯系我删除）。 如有想學習，交流wpf開發同學也可以加群讨論。

讨論Q群：580749909