摘要：前提了解微信這個(gè)過(guò)程必須要明白感謝超神的圖片從流程我們可以看到，回調(diào)域名其實(shí)就是我們的網(wǎng)頁(yè)授權(quán)域名。

承認(rèn)有點(diǎn)標(biāo)題黨了。這次開(kāi)發(fā)一個(gè)項(xiàng)目遇到問(wèn)題，以前有兩個(gè)微信老項(xiàng)目基于yaf，域名為m.baidu.com(做示例),然后網(wǎng)頁(yè)授權(quán)域名填的是m.baidu.com，而這次新開(kāi)發(fā)的項(xiàng)目是基于laravel,那么域名為wechat.baidu.com,但是網(wǎng)頁(yè)授權(quán)域名怎么辦，這就坑爹了。當(dāng)然了，大部分人不會(huì)遇到這么蛋疼的事情吧。

laravel5.5

php7.1.0

nginx1.10

overtrue/laravel-wechat

這個(gè)過(guò)程必須要明白

感謝超神的圖片

從流程我們可以看到，回調(diào)url域名其實(shí)就是我們的網(wǎng)頁(yè)授權(quán)域名。那么既然這樣我們是不是可以造個(gè)假呢，
在域名為wechat.baidu.com的項(xiàng)目下，我們也把網(wǎng)頁(yè)授權(quán)域名寫成m.baidu.com,然后再使用nginx做代理，基于location 轉(zhuǎn)發(fā)到wechat.baidu.com下；

為什么要改寫這個(gè)中間件呢，因?yàn)橹虚g件默認(rèn)會(huì)直接獲取你的域名，所以如果我使用wechat.baidu.com,那么默認(rèn)就會(huì)回調(diào)后跳轉(zhuǎn)到wechat.baidu.com,而實(shí)際上我要跳轉(zhuǎn)到m.baidu.com

在Middleware文件夾下新建一個(gè)中間件OAuthAuthenticate，并且繼承 OvertrueLaravelWeChatMiddlewareOAuthAuthenticate;:

namespace AppHttpMiddleware;


use IlluminateHttpRequest;
use IlluminateSupportFacadesApp;
use IlluminateSupportFacadesEvent;
use OvertrueLaravelWeChatEventsWeChatUserAuthorized;
use OvertrueLaravelWeChatMiddlewareOAuthAuthenticate as BaseAuthenticate;

class OAuthAuthenticate extends BaseAuthenticate
{
   
   
    public function handle($request, Closure $next, $account = "default", $scopes = null)
    {
        // $account 與 $scopes 寫反的情況
        if (is_array($scopes) || (is_string($account) && str_is("snsapi_*", $account))) {
            list($account, $scopes) = [$scopes, $account];
            $account || $account = "default";
        }

        $isNewSession = false;
        $sessionKey = sprintf("wechat.oauth_user.%s", $account);
        $config = config(sprintf("wechat.official_account.%s", $account), []);
        $officialAccount = app(sprintf("wechat.official_account.%s", $account));
        $scopes = $scopes ?: array_get($config, "oauth.scopes", ["snsapi_base"]);

        if (is_string($scopes)) {
            $scopes = array_map("trim", explode(",", $scopes));
        }

        $session = session($sessionKey, []);

        if (!$session) {
            if ($request->has("code")) {
                session([$sessionKey => $officialAccount->oauth->user() ?? []]);
                $isNewSession = true;

                Event::fire(new WeChatUserAuthorized(session($sessionKey), $isNewSession, $account));

                return redirect()->to($this->getTargetUrl($request));
            }

            session()->forget($sessionKey);




            //本地和測(cè)試環(huán)境下使用這個(gè)
            if(App::environment()=="local" ||App::environment()=="test"){
                return $officialAccount->oauth->scopes($scopes)->redirect($request->fullUrl());
            }


            $query = $request->getQueryString();

            $question = $request->getBaseUrl().$request->getPathInfo() == "/" ? "/?" : "?";

            $url= $query ? $request->getPathInfo().$question.$query : $request->getPathInfo();

            $url="http://m.baidu.com".$url; //就這一步很重要
            
            return $officialAccount->oauth->scopes($scopes)->redirect($url);
        }

        Event::fire(new WeChatUserAuthorized(session($sessionKey), $isNewSession, $account));

        return $next($request);
    }

   
}

然后在kernel.php中的$routeMiddleware添加

"wechat.oauth.baidu.com"=>OAuthAuthenticate::class

然后就可以在路由文件使用了，完工。

這個(gè)覺(jué)得沒(méi)有什么好講的，其實(shí)原理很簡(jiǎn)單，直接上代碼

     //在m.baidu.com域名配置下，設(shè)置location規(guī)則，所有router以/official_account開(kāi)頭的都去wechat.baidu.com下，然后設(shè)置跨域
     
     location /official_account/{
        add_header "Access-Control-Allow-Origin" "$http_origin";
        add_header "Access-Control-Allow-Methods" "GET, POST, PUT, DELETE, OPTIONS";
        add_header "Access-Control-Allow-Headers" "DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization,X-CSRF-TOKEN,X-XSRF-TOKEN";
        add_header "Access-Control-Allow-Credentials" "true";
        if ($request_method = "OPTIONS") {
                add_header "Access-Control-Allow-Origin" "$http_origin";
                add_header "Access-Control-Allow-Methods" "GET, POST, PUT, DELETE, OPTIONS";
                add_header "Access-Control-Allow-Headers" "DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization,X-CSRF-TOKEN,X-XSRF-TOKEN";
                add_header "Access-Control-Allow-Credentials" "true";
                #add_header "Access-Control-Max-Age" 1728000; # 20 天
                #add_header "Content-Type" "text/html charset=UTF-8";
                #add_header "Content-Length" 0;
                return 200;
        }
    # 這下面是要被代理的后端服務(wù)器，它們就不需要修改代碼來(lái)支持跨域了
        proxy_pass http://wechat.m.liaorusanshe.com;
        #       proxy_set_header Host $host;  
        proxy_redirect off;
        #proxy_set_header X-Real-IP $remote_addr; 
        #proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_connect_timeout 60;
        proxy_read_timeout 60;
        proxy_send_timeout 60;


    }

這個(gè)代碼配置參考了《Nginx配置實(shí)現(xiàn)CORS》,但是直接復(fù)制過(guò)來(lái)，配合proxy_pass會(huì)出現(xiàn)400 request header or cookie too large錯(cuò)誤，　百度了一下"400 Bad Request Request Header Or Cookie Too Large",<>可以解決，就是如下三個(gè)設(shè)置有問(wèn)題，去掉就好了：

         proxy_set_header Host $host;  
         proxy_set_header X-Real-IP $remote_addr; 
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

綜合分析，應(yīng)該是nginx在使用proxy_pass做跳轉(zhuǎn)時(shí)，如果直接使用域名，且需要向后端提交當(dāng)前訪問(wèn)的IP地址時(shí)，引發(fā)nginx的bug造成死循環(huán)，不知道大家有沒(méi)有遇到過(guò)這種情況。

然后重新啟動(dòng)就好了，完工。