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