業(yè)務(wù)中前后端分離下的微信授權(quán)流程記錄

GitChat 發(fā)布于2019-08-23 12:32 / 2007人閱讀

摘要：業(yè)務(wù)中前后端分離下的微信授權(quán)流程記錄這個(gè)是微信授權(quán)的流程我覺得微信的文檔授權(quán)流程還算清晰易懂，可是不太清楚具體是哪部分前端做，哪部分后端做導(dǎo)致在業(yè)務(wù)中，折騰了不少時(shí)間，特此記錄一下業(yè)務(wù)實(shí)踐。

業(yè)務(wù)中前后端分離下的微信授權(quán)流程記錄

這個(gè)是微信授權(quán)的流程

https://mp.weixin.qq.com/wiki...

我覺得微信的文檔授權(quán)流程還算清晰易懂，可是不太清楚具體是哪部分前端做，哪部分后端做

導(dǎo)致在業(yè)務(wù)中，折騰了不少時(shí)間，特此記錄一下業(yè)務(wù)實(shí)踐。

第一步，當(dāng)進(jìn)入需要授權(quán)的頁(yè)面時(shí)，「前端」向「微信」發(fā)起授權(quán)請(qǐng)求，前端需要提供redirect_uri，這個(gè)redirect_uri就是后端提供的一個(gè)接口地址

第二步，微信的授權(quán)頁(yè)面會(huì)被喚出，用戶如果點(diǎn)擊【同意授權(quán)】，「微信」會(huì)跳轉(zhuǎn)至 redirect_uri/?code=CODE&state=STATE

第三步，「微信」會(huì)跳轉(zhuǎn)至 redirect_uri/?code=CODE&state=STATE，其實(shí)就等于微信訪問了后端的接口，后端可以取到code

之后一系列操作，后端根據(jù)業(yè)務(wù)需求拉取信息，比如憑借code換取access_token，然后拉取openid等用戶信息

第四步，后端拿到這些信息之后如何返回給前端呢，可以讓后端重定向到前端頁(yè)面，并把openid等信息，以？的形式，掛在url后面

第五步，前端在需要授權(quán)的頁(yè)面，從url的查詢字符串里，獲取openid等用戶信息就可以啦

需要注意redirect_uri是需要公眾號(hào)后臺(tái)配置的。并且不帶開頭http

在我們這個(gè)方案當(dāng)中，redirect_uri 配置的是后端的某一個(gè)接口地址

GPU云服務(wù)器云服務(wù)器前后端分離前后端分離開發(fā) js前后端分離框架前后端不分離 jsp

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

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

相關(guān)文章

基于token的用戶權(quán)限認(rèn)證機(jī)制——以微信公眾號(hào)授權(quán)網(wǎng)頁(yè)為例

摘要：微信提供了作為識(shí)別用戶身份的憑證，可以結(jié)合設(shè)計(jì)一套用戶身份權(quán)限認(rèn)證機(jī)制。認(rèn)證免疫跨站請(qǐng)求偽造，而認(rèn)證則存在遭受的可能性。此處的是引導(dǎo)用戶進(jìn)入授權(quán)頁(yè)面后微信服務(wù)器附加上去的，詳細(xì)方法見微信公眾平臺(tái)的微信授權(quán)網(wǎng)頁(yè)文檔。項(xiàng)目背景最近在開發(fā)一個(gè)微信公眾號(hào)商城，在調(diào)用下單、支付、查詢訂單等等接口時(shí)，需要驗(yàn)證用戶的身份。微信提供了openid作為識(shí)別用戶身份的憑證，可以結(jié)合openid設(shè)計(jì)一套...

3fuyu 2019-06-28 18:29 評(píng)論0 收藏0
使用 vue2.0 開發(fā)微信公眾號(hào)下前后端分離的SPA站點(diǎn)的填坑之旅

摘要：目前正在寫一個(gè)微信公眾號(hào)的小項(xiàng)目，記錄一下遇到的問題和解決方法主要是前端。前端提交時(shí)使用，在后端再取出對(duì)應(yīng)的微信支付看了下文檔，以前是需要用喚起支付，而現(xiàn)在則是把微信內(nèi)置到了微信的瀏覽器中。目前正在寫一個(gè)微信公眾號(hào)的小項(xiàng)目，記錄一下遇到的問題和解決方法（主要是前端）。內(nèi)容持續(xù)更新中~ 主要實(shí)現(xiàn) 前后端分離前端為 SPA 單頁(yè)面使用微信的JSSDK微信支付技術(shù)方案后端使用 php ...

Taonce 2019-08-20 16:49 評(píng)論0 收藏0
使用 vue2.0 開發(fā)微信公眾號(hào)下前后端分離的SPA站點(diǎn)的填坑之旅

摘要：目前正在寫一個(gè)微信公眾號(hào)的小項(xiàng)目，記錄一下遇到的問題和解決方法主要是前端。前端提交時(shí)使用，在后端再取出對(duì)應(yīng)的微信支付看了下文檔，以前是需要用喚起支付，而現(xiàn)在則是把微信內(nèi)置到了微信的瀏覽器中。目前正在寫一個(gè)微信公眾號(hào)的小項(xiàng)目，記錄一下遇到的問題和解決方法（主要是前端）。內(nèi)容持續(xù)更新中~ 主要實(shí)現(xiàn) 前后端分離前端為 SPA 單頁(yè)面使用微信的JSSDK微信支付技術(shù)方案后端使用 php ...

afishhhhh 2019-06-27 16:36 評(píng)論0 收藏0
系統(tǒng)的講解 - SSO單點(diǎn)登錄

摘要：概念英文全稱，單點(diǎn)登錄。登錄如上述流程圖一致。系統(tǒng)和系統(tǒng)使用認(rèn)證登錄。退出上圖，表示的是從某一個(gè)系統(tǒng)退出的流程圖。與的關(guān)系如果企業(yè)有多個(gè)管理系統(tǒng)，現(xiàn)由原來的每個(gè)系統(tǒng)都有一個(gè)登錄，調(diào)整為統(tǒng)一登錄認(rèn)證。概念 SSO 英文全稱 Single Sign On，單點(diǎn)登錄。在多個(gè)應(yīng)用系統(tǒng)中，只需要登錄一次，就可以訪問其他相互信任的應(yīng)用系統(tǒng)。比如：淘寶網(wǎng)（www.taobao.com），天貓網(wǎng)...

Kylin_Mountain 2019-07-01 12:46 評(píng)論0 收藏0
laravel前后端分離獲取微信授權(quán)，結(jié)合laravel-wechat

摘要：開始之前，請(qǐng)一定仔細(xì)閱讀微信開發(fā)者文檔文檔中，總共寫了幾個(gè)步驟通過和需要跳轉(zhuǎn)的路由去請(qǐng)求授權(quán)授權(quán)之后跳轉(zhuǎn)路由中返回的注前端只需要知道這兩個(gè)步驟根據(jù)獲取根據(jù)獲取用戶信息授權(quán)前端發(fā)起授權(quán)請(qǐng)求。 1、開始之前，請(qǐng)一定仔細(xì)閱讀微信開發(fā)者文檔文檔中，總共寫了幾個(gè)步驟： 1、通過appId和需要跳轉(zhuǎn)的路由去請(qǐng)求授權(quán) 2、授權(quán)之后跳轉(zhuǎn)路由中返回的code 注：前端只需要知道這兩個(gè)步驟 3、根據(jù)c...

劉厚水 2019-07-01 13:58 評(píng)論0 收藏0