亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

微信掃碼登錄

elva / 2099人閱讀

摘要：二維碼的樣式外部文件，需要過(guò)程詳解當(dāng)使用微信掃碼，微信校驗(yàn)成功后，會(huì)訪問(wèn)，并在的參數(shù)上添加和設(shè)置的。將拿到的用戶信息有用戶的唯一的，調(diào)用后臺(tái)的微信登錄接口，成功到進(jìn)入登錄頁(yè)面之前的便可以了。

官方文檔：網(wǎng)站應(yīng)用微信登錄開發(fā)指南

流程圖

使用步驟

在使用的頁(yè)面中引入：http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js

在需要使用微信登錄的地方實(shí)例以下JS對(duì)象：

var obj = new WxLogin({
     id:"containerId", // 需要顯示的容器id
     self_redirect:true,/*true：手機(jī)點(diǎn)擊確認(rèn)登錄后可以在 iframe 內(nèi)跳轉(zhuǎn)到 redirect_uri，false：手機(jī)點(diǎn)擊確認(rèn)登錄后可以在 top window 跳轉(zhuǎn)到 redirect_uri。默認(rèn)為 false。*/
     appid: "wx*****",  // 公眾號(hào)appid wx*******
     scope: "snsapi_login",  // 應(yīng)用授權(quán)作用域，以逗號(hào)隔開。網(wǎng)頁(yè)應(yīng)用目前僅支持snsapi_login
     redirect_uri: "", // 授權(quán)成功后回調(diào)的url
     state: "", /* 用于保持請(qǐng)求和回調(diào)的狀態(tài)，授權(quán)請(qǐng)求后原樣帶回給第三方。該參數(shù)可用于防止csrf攻擊（跨站請(qǐng)求偽造攻擊），可設(shè)置為簡(jiǎn)單的隨機(jī)數(shù)加session用來(lái)校驗(yàn)*/
     style: "black", // 提供"black"、"white"可選。二維碼的樣式
     href: "" // 外部css文件url，需要https
});

過(guò)程詳解：
當(dāng)使用微信掃碼，微信校驗(yàn)成功后，會(huì)訪問(wèn)redirect_uri，并在redirect_uri的參數(shù)上添加code和設(shè)置的state。

在node層，添加一個(gè)redirect_uri對(duì)應(yīng)的路由，當(dāng)路由接受到對(duì)應(yīng)請(qǐng)求，先校驗(yàn)一下state，然后將拿到的code和appid, secret, grant_type參數(shù)請(qǐng)求 https://api.weixin.qq.com/sns...，拿到用戶的ACCESS_TOKEN

通過(guò)ACCESS_TOKEN訪問(wèn)https://api.weixin.qq.com/sns...，便可以拿到用戶的微信信息了。

將拿到的用戶信息（有用戶的唯一的openid），調(diào)用后臺(tái)的微信登錄接口，成功redirect到進(jìn)入登錄頁(yè)面之前的url便可以了。

備注：有的情況可能需要校驗(yàn)或刷新用戶的ACCESS_TOKEN.

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/99818.html

相關(guān)文章

  • 自定義微信掃碼登錄樣式

    摘要：最近公司端網(wǎng)站登錄改版，新增加微信掃碼登錄。設(shè)置好后發(fā)現(xiàn)，微信自帶的樣式，碼太大了，位置也不對(duì)，需要調(diào)整。再看文檔微信文檔就是這個(gè)屬性上方的，就可以引用咱們自己寫的文件。 最近公司PC端網(wǎng)站登錄改版，新增加微信掃碼登錄。文檔微信掃碼登錄文檔。設(shè)置好后發(fā)現(xiàn)，微信自帶的樣式，碼太大了，位置也不對(duì)，需要調(diào)整。 showImg(https://segmentfault.com/img/bVXj...

    davidac 評(píng)論0 收藏0

  • 自定義微信掃碼登錄樣式

    摘要：最近公司端網(wǎng)站登錄改版，新增加微信掃碼登錄。設(shè)置好后發(fā)現(xiàn)，微信自帶的樣式，碼太大了，位置也不對(duì)，需要調(diào)整。再看文檔微信文檔就是這個(gè)屬性上方的，就可以引用咱們自己寫的文件。 最近公司PC端網(wǎng)站登錄改版，新增加微信掃碼登錄。文檔微信掃碼登錄文檔。設(shè)置好后發(fā)現(xiàn)，微信自帶的樣式，碼太大了，位置也不對(duì)，需要調(diào)整。 showImg(https://segmentfault.com/img/bVXj...

    XiNGRZ 評(píng)論0 收藏0

  • 基于 Swoole 的微信掃碼登錄

    摘要：隨著微信的普及，掃碼登錄方式越來(lái)越被現(xiàn)在的應(yīng)用所使用。這里基于微信公眾平臺(tái)的帶參數(shù)臨時(shí)二維碼，并且結(jié)合的服務(wù)實(shí)現(xiàn)掃碼登錄。對(duì)于用戶掃臨時(shí)的二維碼，微信會(huì)觸發(fā)相應(yīng)的回調(diào)事件，我們需要在該回調(diào)事件中處理用戶的掃碼行為。 隨著微信的普及，掃碼登錄方式越來(lái)越被現(xiàn)在的應(yīng)用所使用。它因?yàn)椴挥萌ビ涀∶艽a，只要有微信號(hào)即可方便快捷登錄。微信的開放平臺(tái)原生就有支持掃碼登錄的功能，不過(guò)大部分人還是在用公眾...

    Half 評(píng)論0 收藏0

  • 網(wǎng)站接入微信掃碼登錄并獲取用戶基本信息(微信開放平臺(tái))

    摘要：現(xiàn)在的網(wǎng)站基本都接入微信登陸了，就好像下面這樣的。只需要用微信掃一下二維碼，這個(gè)網(wǎng)站就可以展示你的微信昵稱和頭像，免去注冊(cè)賬號(hào)和輸入密碼登錄的步驟，還免去設(shè)置頭像和昵稱的步驟，所以是挺方便的。 現(xiàn)在的網(wǎng)站基本都接入微信登陸了，就好像下面這樣的。 showImg(https://segmentfault.com/img/bVbc4jV?w=523&h=508); 只需要用微信掃一下二維碼...

    tangr206 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<