小程序（公眾號）授權(quán)給第三方平臺流程梳理和實(shí)現(xiàn)

image.png

整體流程

在第三方平臺應(yīng)用上點(diǎn)擊授權(quán)

image.png
進(jìn)入授權(quán)頁面

image.png
彈出微信授權(quán)頁面，下方會顯示第三方應(yīng)用的基本信息

image.png
帳號管理員掃碼稿械，選擇要授權(quán)的賬號捐迫，進(jìn)行授權(quán)（可自定義權(quán)限）

image.png
是否授權(quán)成功男应，回調(diào)頁面顯示

技術(shù)實(shí)現(xiàn)

第三方平臺方獲取預(yù)授權(quán)碼（pre_auth_code）

接入在第三方平臺應(yīng)用上點(diǎn)擊授權(quán)的時(shí)候會獲取授權(quán)的預(yù)授權(quán)碼（pre_auth_code）麻裁，有效期為10分鐘。

調(diào)用接口地址

POST https://api.weixin.qq.com/cgi-bin/component/api_create_preauthcode?component_access_token=COMPONENT_ACCESS_TOKEN

在調(diào)用此接口前贤姆，需要先獲取第三方平臺的令牌（也叫接口調(diào)用憑證component_access_token）

參數(shù)

{
  "component_appid": "appid_value" 
}

后端返回參數(shù)，前端拼裝請求微信url

加入授權(quán)頁面的時(shí)候稳衬，前端將后端返回的數(shù)據(jù)進(jìn)行組織霞捡，點(diǎn)擊組裝后的url調(diào)整按鈕，就可以彈出授權(quán)窗口薄疚。（微信做了限制碧信，只能在第三方平臺在設(shè)置的回調(diào)url地址才可以訪問赊琳，其他本地地址無效）

image.png

后端返回的參數(shù)

  'component_appid' => 'XXX',  //第三方平臺app_id
  'pre_auth_code'   => 'pre_auth_code'  //  預(yù)授權(quán)碼
  'redirect_uri'    => 'https://mp.weixin.qq.com/cgi-bin/componentloginpage',  //拼裝的URL地址
  'auth_type'       =>  1,  //1 2 3  要授權(quán)的帳號類型
  'biz_appid'       =>  'xxx'  //指定授權(quán)唯一的小程序或公眾號

拼裝示例

https://mp.weixin.qq.com/cgi-bin/componentloginpage?component_appid=xxxx&pre_auth_code=xxxxx&redirect_uri=xxxx&auth_type=xxx

用戶授權(quán)，同意授權(quán)

用戶進(jìn)入第三方平臺授權(quán)頁后砰碴，需要確認(rèn)并同意將自己的公眾號或小程序授權(quán)給第三方平臺方躏筏，完成授權(quán)流程。此時(shí)在微信上呈枉，公眾號已經(jīng)授權(quán)給第三方平臺了趁尼，在公眾號平臺上可以看到授權(quán)平臺。然后第三方平臺需要拿到公眾號的基本信息碴卧、授權(quán)信息和執(zhí)行權(quán)限弱卡，需要回調(diào)地址進(jìn)行處理、保存授權(quán)信息（access_token和refresh_token）住册。

回調(diào)地址處理授權(quán)信息

這個回調(diào)地址是在第三方平臺上設(shè)置的婶博，拿到授權(quán)碼（auth_code）后，使用授權(quán)碼換取公眾號或小程序的接口調(diào)用憑據(jù)和授權(quán)信息荧飞。

調(diào)用接口為：

POST https://api.weixin.qq.com/cgi-bin/component/api_query_auth?component_access_token=COMPONENT_ACCESS_TOKEN

參數(shù)

{
  "component_appid":"appid_value" ,  //第三方平臺 appid
  "authorization_code": "auth_code_value"  //授權(quán)碼
}

返回是僅僅是授權(quán)信息（authorization_info）凡人。authorizer_appid，authorizer_access_token叹阔，expires_in挠轴，authorizer_refresh_token以及權(quán)限id集這些數(shù)據(jù)。尚未獲得公眾號一些基本帳號信息（公眾號名稱耳幢、頭像等等）岸晦，這時(shí)候需要去獲取授權(quán)方的帳號基本信息。

調(diào)用接口為：

POST https://api.weixin.qq.com/cgi-bin/component/api_get_authorizer_info?component_access_token==COMPONENT_ACCESS_TOKEN

參數(shù)

{
  "component_appid":"appid_value" ,  //第三方平臺 appid
  "authorizer_appid": "auth_code_value"  //授權(quán)方 appid
}

拿到信息后你就可以保存到數(shù)據(jù)庫里了睛藻，整個微信公眾號授權(quán)的流程就結(jié)束了启上，后續(xù)根據(jù)各自業(yè)務(wù)對授權(quán)信息和帳號信息進(jìn)行其他業(yè)務(wù)處理就ok。

代碼示例

$this->request()->getParams() 是封裝好的獲取參數(shù)的方法店印，可自行替代
getComAccessToken() 是封裝好的獲取第三方接口調(diào)用憑證的方法冈在，可自行替代
httpsCurl() 是封裝好的請求微信的方法，可自行替代
WX_APP_ID 是全局參數(shù)第三方平臺的app_id

PS:這里的代碼僅僅只是把整個業(yè)務(wù)流程寫在一起按摘，方便閱讀包券，實(shí)際場景中代碼當(dāng)然不會這樣子寫

獲取預(yù)授權(quán)碼

/**
     * Created by 沙蒿.
     * @desc 獲取預(yù)授權(quán)碼pre_auth_code，有效期10分鐘
     */
    public function getWxPreAuthCode()
    {
        $authType = $this->request()->getParams('auth_type') ?? 1;
        //1公眾號授權(quán)炫贤，2小程序授權(quán)
        if (empty($authType) || !in_array($authType, [1, 2])) {
            return $this->error(100201);
        }
        //獲取第三方平臺接口調(diào)用憑證
        $comAccToken = $this->getComAccessToken();
        //請求微信服務(wù)器獲取預(yù)授權(quán)碼url地址
        $url         = 'https://api.weixin.qq.com/cgi-bin/component/api_create_preauthcode?component_access_token=' . $comAccToken;
        // 獲取授權(quán)請求二維碼url地址
        $reqUrl      = 'https://mp.weixin.qq.com/cgi-bin/componentloginpage';
        $preAuthCode = CommonService::getInstance()->httpsCurl($url, 'post', 'json', [
            'component_appid' => WX_APP_ID
        ]);
        //組裝格式溅固，返回
        $result = [
            'component_appid' => WX_APP_ID,
            'pre_auth_code'   => $preAuthCode['pre_auth_code'],
            'redirect_uri'    => $reqUrl,
            'auth_type'       => $authType,
        ];
        if (!empty($bizAppId)) {
            $result['biz_appid'] = $bizAppId;
        }
        return $result;
    }

回調(diào)地址處理授權(quán)信息

/**
     * Created by 沙蒿.
     * @desc 微信授權(quán)
     * 授權(quán)后回調(diào)URI，得到授權(quán)碼（authorization_code）和過期時(shí)間10分鐘,使用授權(quán)碼換取公眾號或小程序的接口調(diào)用憑據(jù)和授權(quán)信息
     */
    public function wxOAuth()
    {
        //接收授權(quán)碼auth_code
        $code = $this->request()->getParams('auth_code');
        //校驗(yàn)參數(shù)
        if (empty($code)) {
            return $this->error(100202);
        }
        //獲取第三方平臺的接口調(diào)用憑證
        $comAccToken = $this->getComAccessToken();
        //使用授權(quán)碼換取公眾號或小程序的接口調(diào)用憑據(jù)和授權(quán)信息
        $queryAuthUrl = 'https://api.weixin.qq.com/cgi-bin/component/api_query_auth?component_access_token=' . $comAccToken;
        $authInfo     = CommonService::getInstance()->httpsCurl($queryAuthUrl, 'post', 'json', [
            'component_appid'    => WX_APP_ID,
            'authorization_code' => $code
        ]);
        //獲取授權(quán)信息
        $authInfo        = $authInfo['authorization_info'];
        $authorizerAppId = $authInfo['authorizer_appid']; //授權(quán)方appid
        //獲取授權(quán)方的帳號基本信息
        $authorizerInfoUrl = 'https://api.weixin.qq.com/cgi-bin/component/api_get_authorizer_info?component_access_token=' . $comAccToken;
        $appInfo           = CommonService::getInstance()->httpsCurl($authorizerInfoUrl, 'post', 'json', [
            'component_appid'  => WX_APP_ID,
            'authorizer_appid' => $authorizerAppId
        ]);
        //保存授權(quán)信息和帳號信息
        $this->saveWxAuth($authInfo, $appInfo);
    }