?本篇文章你將學到：在自己做的微信網(wǎng)站里，利用oauth2.0網(wǎng)頁授權接口獲取用戶的信息（openid，姓名，性別，地區(qū)，頭像等）。如大轉盤等游戲記錄哪個微信用戶獲得什么獎品、H5等小游戲需要把分數(shù)與對應用戶捆綁在一起等網(wǎng)頁應用。

微信公眾平臺oauth2.0網(wǎng)頁授權能干什么

它是在自己做的網(wǎng)站中不用用戶登錄來獲取微信用戶相關信息的，進而實現(xiàn)相關業(yè)務。

說明與注意

1、網(wǎng)頁授權分為兩種，

? ? ?一種為只獲取openid ?(基本授權 snsapi_base)

? ? ?一種為獲取用戶全部信息 (高級授權 snsapi_userinfo)。

2、你的公眾號必須為認證的訂閱號或者認證的服務號。否則沒有此接口權限。

3、你要配置好回調域名：即用戶點擊網(wǎng)址獲取用戶信息后打開哪個域名。

4、如有下圖錯誤請檢查是否配置好回調域名或者公眾號是否認證（我之前一直測試提示如下圖出錯，仔細查找錯誤才發(fā)現(xiàn)沒配置回調域名）

怎樣配置回調域名

1、進入https://mp.weixin.qq.com，點擊最下面的”接口權限“菜單（如下圖）

1-1、如果是測試賬號的話，如下圖

　　（1）打開瀏覽器，這里以IE為例,輸入：http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

? ? ?（2）

? ? ?（3）用手機登錄你的微信，使用微信中的“掃一掃”功能，掃描上面網(wǎng)頁中的二維碼。在手機上會出現(xiàn)以下界面：

? ? ? ??

? ? ?（4）網(wǎng)頁授權獲取用戶基本信息

2、找到‘網(wǎng)頁授權用戶基本信息’，如下圖

3、點擊修改，填寫域名。如：我的回調網(wǎng)址為http://wechatu.xd107.com/home/WeiXin/index 則填寫wechatu.xd107.com。配置回調域名完成。

不管獲取openid還是用戶所有信息都需要首先配置回調域名

?4、實際代碼（ThinkPhp框架）

class WeiXinController extends Controller {/*** 這里采用高級授權模式，為了獲取用戶信息* 這個頁面是用戶進來就能夠剛問的頁面，也就是首次進來的頁面* 首先訪問的地址 ；http://wechatu.xd107.com/home/WeiXin/index*/public function index(){$appid = 'wx94c43716d8a91f3f';/*基本授權 方法跳轉地址*/$redirect_uri = urlencode('http://wechatu.xd107.com/home/WeiXin/getUserInfo');/*基本授權 snsapi_base*///$url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=".$appid."&redirect_uri=".$redirect_uri."&response_type=code&scope=snsapi_base&state=1234#wechat_redirect";/*高級授權 snsapi_userinfo*/$url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" . $appid . "&redirect_uri=" . $redirect_uri . "&response_type=code&scope=snsapi_userinfo&state=1234#wechat_redirect";//跳轉header('location:' . $url);}/*拉取用戶信息*/public function getUserInfo(){$appid = 'wx94c43716d8a91f3f';$appsecret = 'd4624c36b6795d1d99dcf0547af5443d';/*回調的時候自帶的這個參數(shù)*/$code = $_GET['code'];/*基本授權 snsapi_base*///$url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=".$appid."&redirect_uri=".$redirect_uri."&response_type=code&scope=snsapi_base&state=1234#wechat_redirect";$url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=" . $appid . "&secret=" . $appsecret . "&code=" . $code . "&grant_type=authorization_code";$result = json_decode(curlPost($url,$parm = null),true);/*取出數(shù)組中的access_token這個值*/$access_token = $result['access_token'];$openid = $result['openid'];$URL2 = "https://api.weixin.qq.com/sns/userinfo?access_token=" . $access_token . "&openid=" . $openid . "&lang=zh_CN";$responseInfo = json_decode(curlPost($URL2,$parameter = null),true);$_SESSION['headimgurl'] = $responseInfo['headimgurl'];var_dump($responseInfo);die;$this->headimgurl = $responseInfo['headimgurl'];$this->userInfo = $responseInfo;$this->display();} }

?5、流程圖（百度腦圖）

說明：開始詳解：（1）網(wǎng)頁授權分為兩種，（2）微信公眾賬號和用戶的微信聯(lián)系字段為【openid】

?

6、具體步驟：

?

?

?

轉載于:https://www.cnblogs.com/tinywan/p/5858256.html

總結

以上是生活随笔為你收集整理的微信接口开发之高级篇系列【网页授权详细说明【提供测试账号使用】】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。