摘要:開始之前,請一定仔細閱讀微信開發(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ù)code獲取access_token
4、根據(jù)access_token獲取用戶信息(snsapi_userinfo授權(quán))
2、前端發(fā)起授權(quán)請求。這一步需要前端拼湊路由,并且將頁面跳轉(zhuǎn)到拼湊路由,路由規(guī)則如:https://open.weixin.qq.com/connect/oauth2/authorize?appid=你的公眾appId號&redirect_uri=你的回調(diào)路由&response_type=code&scope=你選擇的方式&state=STATE#wechat_redirect
注 授權(quán)方式可選擇為snsapi_userinfo或者snsapi_base,差別請看文檔跳轉(zhuǎn)之后授權(quán)頁面如下(開發(fā)者工具效果)
3、點擊同意之后,會根據(jù)你之前拼湊的回調(diào)路由返回code,如下:
http://test.***.com/index?code=021Azdiu12zdXd05kkju1ZYkiu1AzdiR&state=1
4、將路由中的code直接傳遞給后端,讓后端做獲取用戶信息的系列的邏輯處理。
注:如下是laravel中間件中處理方式,session只用于這次請求,也可以將用戶的微信信息放在request中到controller進行邏輯處理,看個人喜好
public function handle($request, Closure $next, $scopes = null) { $wechatCacheKey = "wechat.oauth_user.default"; if (config("qa.mock_user") == 1){ $user = new SocialiteUser(config("wechat.mock_user")); } else { $code = $request->get("code", ""); if ($code === ""){ $appId = $this->config["app_id"]; return Response::toJson(["aid" => $appId], "請重新獲取授權(quán)CODE!",10006); } // 開始拉取用戶信息 $app = Factory::officialAccount($this->config); $user = $app->oauth->user(); } session([$wechatCacheKey => $user]); } return $next($request); }
注:這個例子只是寫了授權(quán)的邏輯,token相關(guān)驗證我已經(jīng)做了剔除
坑點:1、vue的路由會將code拼接在url和#之間,如www.****.com/?code=XXXXX/#/index,這個code需要多帶帶處理
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/31710.html
摘要:前提了解微信這個過程必須要明白感謝超神的圖片從流程我們可以看到,回調(diào)域名其實就是我們的網(wǎng)頁授權(quán)域名。 承認有點標題黨了。這次開發(fā)一個項目遇到問題,以前有兩個微信老項目基于yaf,域名為m.baidu.com(做示例),然后網(wǎng)頁授權(quán)域名填的是m.baidu.com,而這次新開發(fā)的項目是基于laravel,那么域名為wechat.baidu.com,但是網(wǎng)頁授權(quán)域名怎么辦,這就坑爹了。當然...
摘要:業(yè)務中前后端分離下的微信授權(quán)流程記錄這個是微信授權(quán)的流程我覺得微信的文檔授權(quán)流程還算清晰易懂,可是不太清楚具體是哪部分前端做,哪部分后端做導致在業(yè)務中,折騰了不少時間,特此記錄一下業(yè)務實踐。 業(yè)務中前后端分離下的微信授權(quán)流程記錄 這個是微信授權(quán)的流程 https://mp.weixin.qq.com/wiki... https://mp.weixin.qq.com/wiki... 我覺...
摘要:目前正在寫一個微信公眾號的小項目,記錄一下遇到的問題和解決方法主要是前端。前端提交時使用,在后端再取出對應的微信支付看了下文檔,以前是需要用喚起支付,而現(xiàn)在則是把微信內(nèi)置到了微信的瀏覽器中。 目前正在寫一個微信公眾號的小項目,記錄一下遇到的問題和解決方法(主要是前端)。內(nèi)容持續(xù)更新中~ 主要實現(xiàn) 前后端分離前端為 SPA 單頁面使用微信的JSSDK微信支付 技術(shù)方案 后端使用 php ...
摘要:目前正在寫一個微信公眾號的小項目,記錄一下遇到的問題和解決方法主要是前端。前端提交時使用,在后端再取出對應的微信支付看了下文檔,以前是需要用喚起支付,而現(xiàn)在則是把微信內(nèi)置到了微信的瀏覽器中。 目前正在寫一個微信公眾號的小項目,記錄一下遇到的問題和解決方法(主要是前端)。內(nèi)容持續(xù)更新中~ 主要實現(xiàn) 前后端分離前端為 SPA 單頁面使用微信的JSSDK微信支付 技術(shù)方案 后端使用 php ...
摘要:微信提供了作為識別用戶身份的憑證,可以結(jié)合設計一套用戶身份權(quán)限認證機制。認證免疫跨站請求偽造,而認證則存在遭受的可能性。此處的是引導用戶進入授權(quán)頁面后微信服務器附加上去的,詳細方法見微信公眾平臺的微信授權(quán)網(wǎng)頁文檔。 項目背景 最近在開發(fā)一個微信公眾號商城,在調(diào)用下單、支付、查詢訂單等等接口時,需要驗證用戶的身份。微信提供了openid作為識別用戶身份的憑證,可以結(jié)合openid設計一套...
閱讀 647·2021-11-24 09:39
閱讀 3489·2019-08-30 15:53
閱讀 2529·2019-08-30 15:44
閱讀 3247·2019-08-30 12:54
閱讀 2216·2019-08-29 12:23
閱讀 3312·2019-08-26 14:05
閱讀 2113·2019-08-26 13:36
閱讀 3445·2019-08-26 13:33