公衆号H5授權登錄

在微信公衆号裡獲取微信用戶信息分兩種方式

注意：以下(xià)所有操作，都需要再公衆号配置網頁授權配置域名授權

1.以snsapi_base為scope發起的網頁授權

這種方式是靜默獲取，對用戶來說是無感的，看不到任何變化

使用場景，隻能獲取到openid，調用微信支付使用，無法獲取頭像昵稱等數據

$wxurl = https://open.weixin.qq.com/connect/oauth2/authorize?appid=你(nǐ)的APPID&redirect_uri={$url}&response_type=code&scope=snsapi_base&state=STATE&connect_redirect=1#wechat_redirect

注意參數說明：

appid=你(nǐ)的APPID

{$url}回調的url地址，url需要用urlencode編碼

scope=snsapi_base 靜默授權類型

使用說明

$wxurl 這個(gè)鍊接地址是固定的拼接方式，微信官網有文(wén)檔點擊我獲取

把拿到的這個(gè)連接給前端，前端通(tōng)過讓用戶觸發這個(gè)鍊接，跳轉獲取微信的code參數，或者自己通(tōng)過代碼觸發跳轉

微信跳轉後得到的鍊接 https://domain.com/index/index/wxlogin?code=051pYGkl2bQ3S54TUxll2ttJ6Z2pYGk0&state=STATE

後面多了code參數和(hé)state參數，如(rú)果跳轉的是後端，後端直接獲取code就可(kě)以，如(rú)果跳轉的是前端， 前端截取url，拿到code傳給後端

$wxurl必須在微信裡打開才能獲取到code，開發調試請使用微信開發者工具,獲取結果如(rú)下(xià)

{"access_token":"38_gUjz8OA3RUbAiGSEB-o68bSAyI8rGVwOXmNepBHXKdcCEiNotFb3e9CTzFTxsFt21PxwXT3l9qUsL3gNBcsg8A","expires_in":7200,"refresh_token":"38_7aZk0NQHhLOO5e3j-uqVl5na48CMvuoedJ90c3lDmby8mOEsBHcsfT4SPtQJTMpMdx8GKFFR7sXFj6Nuu8h21A","openid":"obBHk04gFkeKsRVDowMfXn-LLYpU","scope":"snsapi_base"}

實現截圖

實現代碼

//後台代碼  我用的是tp5
public function wxlogin()
    {
        $appid = '';
        $appsecret = '';
        $input = input();
        if(!empty($input['code'])){
            $url = 'https://api.weixin.qq.com/sns/oauth2/access_token?appid='.$appid.'&secret='.$appsecret.'&code='.$input['code'].'&grant_type=authorization_code';
            $client = new Client(); //GuzzleHttp\Client 模拟http 請求，如(rú)果不會用 直接換成curl函數
            $result = $client->get($url)->getBody()->getContents();
            echo $result;
            //die();
            $api_data = json_decode($result, true);
            //$api_data 裡就是我們要獲取的openid
        }
        $url = urlencode('https://d-fangfei.bigchun.com/index/index/wxlogin');
        $this->assign('url', $url);
        return $this->view->fetch();
    }
    

前端代碼
<p>
    <a href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=你(nǐ)的APPID&redirect_uri={$url}&response_type=code&scope=snsapi_base&state=STATE&connect_redirect=1#wechat_redirect">
        獲取靜默授權獲取code
    </a>
</p>

2.以snsapi_userinfo為scope發起的網頁授權

這種方式是授權獲取，會彈出讓用戶确認獲取資(zī)料按鈕

使用場景，可(kě)以獲取用戶openid，頭像，昵稱，性别等資(zī)料

$wxurl = https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri={$url}&response_type=code&scope=snsapi_userinfo&state=STATE&connect_redirect=1#wechat_redirect

注意參數說明：

appid=你(nǐ)的APPID

{$url}回調的url地址，url需要用urlencode編碼

scope = snsapi_userinfo

靜默授權類型

使用說明

$wxurl 這個(gè)鍊接地址是固定的拼接方式，微信官網有文(wén)檔點擊我獲取

把拿到的這個(gè)連接給前端，前端通(tōng)過讓用戶觸發這個(gè)鍊接，跳轉獲取微信的code參數，或者自己通(tōng)過代碼觸發跳轉

微信跳轉後得到的鍊接 https://domain.com/index/index/wxlogin?code=051pYGkl2bQ3S54TUxll2ttJ6Z2pYGk0&state=STATE

後面多了code參數和(hé)state參數，如(rú)果跳轉的是後端，後端直接獲取code就可(kě)以，如(rú)果跳轉的是前端， 前端截取url，拿到code傳給後端

實現過程截圖

$wxurl必須在微信裡打開才能獲取到code，開發調試請使用微信開發者工具,獲取結果如(rú)下(xià)：

{"openid":"obBHk04gFkeKsRVDowMfXn-LLYpU","nickname":"D永濤","sex":1,"language":"zh_CN","city":"深圳","province":"廣東","country":"中(zhōng)國","headimgurl":"https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/DYAIOgq83eremdfYmic4MpxiadSdloCicKKNOdMZCIIQdwmiaPluD8NDVxXN5axqc9kmVGxVoFo88UkEy9GPKpicQUw\/132","privilege":[],"unionid":"oKzvn1ZU_Ne_4or8VLwhtZxlJOJU"}

實現截圖

1.觸發截圖

2.拼接上code後得到的結果

實現代碼

//後台實現代碼
public function wxlogin()
    {
        $appid = '';
        $appsecret = '';
        $input = input();
        if(!empty($input['code'])){
            $url = 'https://api.weixin.qq.com/sns/oauth2/access_token?appid='.$appid.'&secret='.$appsecret.'&code='.$input['code'].'&grant_type=authorization_code';//微信接口地址，參考接口文(wén)檔
            $client = new Client(); //GuzzleHttp\Client 模拟http 請求，如(rú)果不會用 直接換成curl函數
            $result = $client->get($url)->getBody()->getContents();
            $api_data = json_decode($result, true);
            if(!empty($api_data['openid'])){
                $url = 'https://api.weixin.qq.com/sns/userinfo?access_token='.$api_data['access_token'].'&openid='.$api_data['openid'].'&lang=zh_CN';//微信接口地址，參考接口文(wén)檔
                $client = new Client();
                $result = $client->get($url)->getBody()->getContents();
                $userinfo = json_decode($result, true);
                print_r($userinfo);
            }
        }
        $url = urlencode('https://d-fangfei.bigchun.com/index/index/wxlogin');
        $this->assign('url', $url);
        return $this->view->fetch();
    }

前端實現代碼
<p>
    <a href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=你(nǐ)的APPID&redirect_uri={$url}&response_type=code&scope=snsapi_userinfo&state=STATE&connect_redirect=1#wechat_redirect">
        微信授權登錄
    </a>
</p>

有問(wèn)題可(kě)以加裙問(wèn)我，我是群主721200119