laravel前后端分離獲取微信授權，結合laravel-wechat

劉厚水發布于2019-07-01 13:58 / 1488人閱讀

摘要：開始之前，請一定仔細閱讀微信開發者文檔文檔中，總共寫了幾個步驟通過和需要跳轉的路由去請求授權授權之后跳轉路由中返回的注前端只需要知道這兩個步驟根據獲取根據獲取用戶信息授權前端發起授權請求。

1、開始之前，請一定仔細閱讀微信開發者文檔
文檔中，總共寫了幾個步驟：

1、通過appId和需要跳轉的路由去請求授權

2、授權之后跳轉路由中返回的code 注：前端只需要知道這兩個步驟

3、根據code獲取access_token

4、根據access_token獲取用戶信息(snsapi_userinfo授權)

2、前端發起授權請求。這一步需要前端拼湊路由，并且將頁面跳轉到拼湊路由，路由規則如：https://open.weixin.qq.com/connect/oauth2/authorize?appid=你的公眾appId號&redirect_uri=你的回調路由&response_type=code&scope=你選擇的方式&state=STATE#wechat_redirect
注授權方式可選擇為snsapi_userinfo或者snsapi_base，差別請看文檔

跳轉之后授權頁面如下(開發者工具效果)

3、點擊同意之后，會根據你之前拼湊的回調路由返回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], "請重新獲取授權CODE！",10006);
                }
                // 開始拉取用戶信息
                $app = Factory::officialAccount($this->config);
                $user = $app->oauth->user();
            }
            session([$wechatCacheKey => $user]);
        }
        return $next($request);
  }

注：這個例子只是寫了授權的邏輯，token相關驗證我已經做了剔除

坑點：

1、vue的路由會將code拼接在url和#之間，如www.****.com/?code=XXXXX/#/index，這個code需要多帶帶處理

云服務器 GPU云服務器前后端分離前后端分離開發 js前后端分離框架前后端不分離 jsp

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/31710.html

使用nginx代理，支持微信網頁授權不同域名

摘要：前提了解微信這個過程必須要明白感謝超神的圖片從流程我們可以看到，回調域名其實就是我們的網頁授權域名。承認有點標題黨了。這次開發一個項目遇到問題，以前有兩個微信老項目基于yaf，域名為m.baidu.com(做示例),然后網頁授權域名填的是m.baidu.com，而這次新開發的項目是基于laravel,那么域名為wechat.baidu.com,但是網頁授權域名怎么辦，這就坑爹了。當然...

only_do 2019-07-25 14:19 評論0 收藏0
業務中前后端分離下的微信授權流程記錄

摘要：業務中前后端分離下的微信授權流程記錄這個是微信授權的流程我覺得微信的文檔授權流程還算清晰易懂，可是不太清楚具體是哪部分前端做，哪部分后端做導致在業務中，折騰了不少時間，特此記錄一下業務實踐。業務中前后端分離下的微信授權流程記錄這個是微信授權的流程 https://mp.weixin.qq.com/wiki... https://mp.weixin.qq.com/wiki... 我覺...

GitChat 2019-08-23 12:32 評論0 收藏0
使用 vue2.0 開發微信公眾號下前后端分離的SPA站點的填坑之旅

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

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

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

Taonce 2019-08-20 16:49 評論0 收藏0
基于token的用戶權限認證機制——以微信公眾號授權網頁為例

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

3fuyu 2019-06-28 18:29 評論0 收藏0