資訊專欄INFORMATION COLUMN
摘要：二維碼的樣式外部文件，需要過程詳解當使用微信掃碼，微信校驗成功后，會訪問，并在的參數上添加和設置的。將拿到的用戶信息有用戶的唯一的，調用后臺的微信登錄接口，成功到進入登錄頁面之前的便可以了。
官方文檔：網站應用微信登錄開發指南
流程圖 使用步驟在使用的頁面中引入：http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js
在需要使用微信登錄的地方實例以下JS對象：
var obj = new WxLogin({
id:"containerId", // 需要顯示的容器id
self_redirect:true,/*true：手機點擊確認登錄后可以在 iframe 內跳轉到 redirect_uri，false：手機點擊確認登錄后可以在 top window 跳轉到 redirect_uri。默認為 false。*/
appid: "wx*****", // 公眾號appid wx*******
scope: "snsapi_login", // 應用授權作用域，以逗號隔開。網頁應用目前僅支持snsapi_login
redirect_uri: "", // 授權成功后回調的url
state: "", /* 用于保持請求和回調的狀態，授權請求后原樣帶回給第三方。該參數可用于防止csrf攻擊（跨站請求偽造攻擊），可設置為簡單的隨機數加session用來校驗*/
style: "black", // 提供"black"、"white"可選。二維碼的樣式
href: "" // 外部css文件url，需要https
});
過程詳解：
當使用微信掃碼，微信校驗成功后，會訪問redirect_uri，并在redirect_uri的參數上添加code和設置的state。
在node層，添加一個redirect_uri對應的路由，當路由接受到對應請求，先校驗一下state，然后將拿到的code和appid, secret, grant_type參數請求 https://api.weixin.qq.com/sns...，拿到用戶的ACCESS_TOKEN
通過ACCESS_TOKEN訪問https://api.weixin.qq.com/sns...，便可以拿到用戶的微信信息了。
將拿到的用戶信息（有用戶的唯一的openid），調用后臺的微信登錄接口，成功redirect到進入登錄頁面之前的url便可以了。
備注：有的情況可能需要校驗或刷新用戶的ACCESS_TOKEN.
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99818.html
摘要：最近公司端網站登錄改版，新增加微信掃碼登錄。設置好后發現，微信自帶的樣式，碼太大了，位置也不對，需要調整。再看文檔微信文檔就是這個屬性上方的，就可以引用咱們自己寫的文件。 最近公司PC端網站登錄改版，新增加微信掃碼登錄。文檔微信掃碼登錄文檔。設置好后發現，微信自帶的樣式，碼太大了，位置也不對，需要調整。 showImg(https://segmentfault.com/img/bVXj...
摘要：最近公司端網站登錄改版，新增加微信掃碼登錄。設置好后發現，微信自帶的樣式，碼太大了，位置也不對，需要調整。再看文檔微信文檔就是這個屬性上方的，就可以引用咱們自己寫的文件。 最近公司PC端網站登錄改版，新增加微信掃碼登錄。文檔微信掃碼登錄文檔。設置好后發現，微信自帶的樣式，碼太大了，位置也不對，需要調整。 showImg(https://segmentfault.com/img/bVXj...
摘要：隨著微信的普及，掃碼登錄方式越來越被現在的應用所使用。這里基于微信公眾平臺的帶參數臨時二維碼，并且結合的服務實現掃碼登錄。對于用戶掃臨時的二維碼，微信會觸發相應的回調事件，我們需要在該回調事件中處理用戶的掃碼行為。 隨著微信的普及，掃碼登錄方式越來越被現在的應用所使用。它因為不用去記住密碼，只要有微信號即可方便快捷登錄。微信的開放平臺原生就有支持掃碼登錄的功能，不過大部分人還是在用公眾...
摘要：現在的網站基本都接入微信登陸了，就好像下面這樣的。只需要用微信掃一下二維碼，這個網站就可以展示你的微信昵稱和頭像，免去注冊賬號和輸入密碼登錄的步驟，還免去設置頭像和昵稱的步驟，所以是挺方便的。 現在的網站基本都接入微信登陸了，就好像下面這樣的。 showImg(https://segmentfault.com/img/bVbc4jV?w=523&h=508); 只需要用微信掃一下二維碼...
閱讀 2312·2021-11-17 09:33
閱讀 843·2021-10-13 09:40
閱讀 573·2019-08-30 15:54
閱讀 778·2019-08-29 15:38
閱讀 2417·2019-08-28 18:15
閱讀 2475·2019-08-26 13:38
閱讀 1841·2019-08-26 13:36
閱讀 2129·2019-08-26 11:36
