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

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

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

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

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

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

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

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

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

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

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

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

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

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

需要注意redirect_uri是需要公眾號后臺配置的。并且不帶開頭http

在我們這個方案當中，redirect_uri 配置的是后端的某一個接口地址

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/98705.html

相關(guān)文章

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

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

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

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

afishhhhh 2019-06-27 16:36 評論0 收藏0
使用 vue2.0 開發(fā)微信公眾號下前后端分離的SPA站點的填坑之旅

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

Taonce 2019-08-20 16:49 評論0 收藏0
系統(tǒng)的講解 - SSO單點登錄

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

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

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

劉厚水 2019-07-01 13:58 評論0 收藏0