微信開發中如何實現網頁授權獲取用戶信息

這篇文章給大家分享的是有關微信開發中如何實現網頁授權獲取用戶信息的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

1、設置授權回調域名：開發 ---> 接口權限

　　找到“網頁授權獲取用戶基本信息”，點擊后面對應的“修改”，在彈框響應位置填寫授權回調域名即可，此處的域名不需要加http:// （關于網頁授權回調域名的說明詳情可參考公眾平臺開發者文檔）

2、獲取授權

　　實際上，獲取用戶信息的關鍵在于獲取用戶的openid。博主想要實現用戶點擊公眾號菜單打開頁面即可自動授權，從而針對該用戶進行數據庫操作，于是有下面兩種方式：　

　　（1）利用自定義菜單請求授權頁面

　　　　自定義菜單后面會單獨寫一篇博文，在這里先簡述一下通過自定義菜單進行授權，該方法需要高級接口權限，且局限于關注公眾號的用戶直接從菜單進入頁面。

$menu = '{
"button":[
{
"type": "view",
"name": "商城",
"url": "https://open.weixin.qq.com/connect/oauth/authorize?appid=xxx&redirect_uri=http://tx.heivr.com/index.php&response_type=code&scope=snsapi_base&state=#wechat_redirect"
},
{
"name":"快遞服務",
"sub_button":[
{
"type":"click",
"name":"發快遞",
"key":"express"
},
{
"type":"click",
"name":"快遞查詢",
"key":"ww"
}
]
},
]
}';

需要授權的view直接在url處填寫微信提供的授權請求地址，其中：

?appid：填寫微信公眾平臺基本配置中的AppID；
?redirect_uri：填寫授權完成后跳轉的頁面地址，即自己的html5頁面；
?state：跳轉至回調頁面所帶參數；
?response_type：網頁授權的兩種scope，微信官方文檔中說明如下：

1、以snsapi_base為scope發起的網頁授權，是用來獲取進入頁面的用戶的openid的，并且是靜默授權并自動跳轉到回調頁的。用戶感知的就是直接進入了回調頁（往往是業務頁面）

2、以snsapi_userinfo為scope發起的網頁授權，是用來獲取用戶的基本信息的。但這種授權需要用戶手動同意，并且由于用戶同意過，所以無須關注，就可在授權后獲取該用戶的基本信息。
按照此方法點擊“商城”即可接收到返回的openid，繼而進行下一步用戶信息的獲取。　

（2）利用JS自動請求授權頁面

這個方法相對而言比較笨拙，步驟略復雜，但目前能解決需求還沒有研究簡化方法，且由于頁面的跳轉多數情況下訪問頁面的時間會增加，但相比于前一個方法，該方法可以獲取到非關注用戶的基本信息。有些程序可能涉及到頁面分享，程序沒有強制關注但其他用戶通過分享直接進入頁面也需要記錄用戶信息，此時可以考慮該方法。（微信開發相關的代碼博主封裝成工具類調用，這里先貼用到的部分，以后整理完成會全部貼出來并附下載鏈接）

該方法的思路為：js請求鏈接獲取code ---> 利用code換取openid ---> 得到用戶基本信息

a. 編輯配置

為了方便把用到的一些微信參數單獨寫入一個類，方便修改添加及調用

<?php
namespace common\tools\wechat;
/**
* 微信請求相關配置類庫
*/
class ConfigTool {
/**
* 微信配置參數
* @return array 配置參數
*/
public function setConfig() {
// 用于驗證微信接口配置信息的Token，可以任意填寫
$config['token'] = '自己的token';
// appID
$config['appid'] = '自己的appid';
// appSecret
$config['secret'] = '自己的secret';
// 回調鏈接地址
$config['redirect_uri'] = 'http://tx.heivr.com/index.php?';
// 是否以 HTTPS 安全協議訪問接口
$config['https_request'] = false;
// 授權作用域，snsapi_base （不彈出授權頁面，直接跳轉，只能獲取用戶openid），
// snsapi_userinfo （彈出授權頁面，可通過openid拿到昵稱、性別、所在地。并且，
// 即使在未關注的情況下，只要用戶授權，也能獲取其信息）
$config['scope'] = 'snsapi_userinfo';
// 語言
$config['lang'] = 'zh_CN'; // zh_CN 簡體，zh_TW 繁體，en 英語
// 微信公眾賬戶授權地址
$config['mp_authorize_url'] = 'https://api.weixin.qq.com/cgi-bin/token';
// 微信公眾賬戶js臨時票據地址
$config['jsapi_ticket_url'] = 'https://api.weixin.qq.com/cgi-bin/ticket/getticket';
// 授權地址
$config['authorize_url'] = 'https://open.weixin.qq.com/connect/oauth/authorize';
// 獲取access token 的地址
$config['access_token_url'] = 'https://api.weixin.qq.com/sns/oauth/access_token';
// 刷新 token 的地址
$config['refresh_token_url'] = 'https://api.weixin.qq.com/sns/oauth/refresh_token';
// 獲取用戶信息地址
$config['userinfo_url'] = 'https://api.weixin.qq.com/sns/userinfo';
// 驗證access token
$config['valid_token_url'] = 'https://api.weixin.qq.com/sns/auth';
// 上傳臨時素材地址
$config['media_temp_upload_url'] = 'https://api.weixin.qq.com/cgi-bin/media/upload?';
// 上傳永久素材地址
$config['media_forever_upload_url'] = 'https://api.weixin.qq.com/cgi-bin/material/add_material?';
return $config;
}
}

b. https請求工具

<?php
namespace common\tools;
/**
* https請求相關類庫
*/
class HttpsTool {
const TIMEOUT = ; // 設置超時時間
private $ch; // curl對象
/**
* 發送curl請求，并獲取請求結果
* @param string 請求地址
* @param array 如果是post請求則需要傳入請求參數
* @param string 請求方法，get 或者 post， 默認為get
* @param bool 是否以https協議請求
*/
public function send_request($requests, $params = null, $method = 'get', $https = true) {
// 以get方式提交
if ($method == 'get') {
if($params){
$request = $requests . $this->create_url($params);
}else{
$request = $requests;
}
}else{
$request = $requests;
}
$this->ch = curl_init($request);
curl_setopt($this->ch, CURLOPT_RETURNTRANSFER, );// 設置不顯示結果，儲存入變量
curl_setopt($this->ch, CURLOPT_TIMEOUT, self::TIMEOUT); // 設置超時限制防止死循環
// 判斷是否以https方式訪問
if ($https) {
curl_setopt($this->ch, CURLOPT_SSL_VERIFYPEER, ); // 對認證證書來源的檢查
curl_setopt($this->ch, CURLOPT_SSL_VERIFYHOST, ); // 從證書中檢查SSL加密算法是否存在
}
if ($method == 'post') { // 以post方式提交
//curl_setopt($this->ch, CURLOPT_SAFE_UPLOAD, false); //php .文件上傳必加內容,.不需要
curl_setopt($this->ch, CURLOPT_POST, ); // 發送一個常規的Post請求
curl_setopt($this->ch, CURLOPT_POSTFIELDS, $params); // Post提交的數據包
curl_setopt($this->ch, CURLOPT_RETURNTRANSFER, );
}
$tmpInfo = curl_exec($this->ch); // 執行操作
if (curl_errno($this->ch)) {
echo 'Errno:'.curl_error($this->ch);//捕抓異常
}
curl_close($this->ch); // 關閉CURL會話
//var_dump($tmpInfo);exit;
return $tmpInfo; // 返回數據
}
/**
* 生成url
*/
public function create_url($data) {
$temp = '?';
foreach ($data as $key => $item) {
$temp = $temp . $key . '=' . $item . '&';
}
return substr($temp, , -);
}
}

關于curl_setopt($this->ch, CURLOPT_SAFE_UPLOAD, false)會在微信圖片資源上傳博文中詳細講述它出現的心酸史，這里暫時用不到，不做解釋

c. 授權基類

<?php 
namespace common\tools\wechat;
use common\tools\wechat\ConfigTool;
use common\tools\HttpsTool;
/**
* Weixin_oauth 類庫
*/
class OauthTool {
public $conf;
public function __construct(){
$re = new ConfigTool; 
$this->conf = $re->setConfig();
} 
/**
* 生成用戶授權的地址
* @param string 自定義需要保持的信息
* @param sting 請求的路由
* @param bool 是否是通過公眾平臺方式認真
*/
public function authorize_addr($route, $state='', $mp=false) {
if ($mp) {
$data = [
'appid' => $this->conf['appid'],
'secret' => $this->conf['token'],
'grant_type' => 'client_credential'
];
$url = $this->conf['mp_authorize_url'];
} else {
$data = [
'appid' => $this->conf['appid'], //公眾號唯一標識
'redirect_uri' => urlencode($this->conf['redirect_uri'] . $route), //授權后重定向的回調鏈接地址
'response_type' => 'code', //返回類型，此處填寫code
'scope'=>$this->conf['scope'], //應用授權作用域
'state'=>$state, //重定向后帶上state參數，開發者可以填寫任意參數
'#wechat_redirect'=>'' //直接在微信打開鏈接，可不填，做頁面重定向時必須帶此參數
];
$url = $this->conf['authorize_url'];
}
$send = new HttpsTool;
//var_dump($url . $send->create_url($data));exit;
return $url . $send->create_url($data);
}
/**
* 獲取 access token
* @param string 用于換取access token的code，微信提供
*/
public function access_token($code) {
$data = [
'appid' => $this->conf['appid'],
'secret' => $this->conf['secret'],
'code' => $code,
'grant_type' => 'authorization_code'
];
// 生成授權url
$url = $this->conf['access_token_url'];
$send = new HttpsTool;
return $send->send_request($url, $data);
}
/**
* 獲取用戶信息
* @param string access token
* @param string 用戶的open id
*/
public function userinfo($token, $openid) {
$data = [
'access_token' => $token,
'openid' => $openid,
'lang' => $this->conf['lang']
];
// 生成授權url
$url = $this->conf['userinfo_url'];
$send = new HttpsTool;
return $send->send_request($url, $data);
}
}

d. 授權基類調用及用戶數據處理（在控制器調用前，先對用戶數據存入或更新）

<?php
namespace wechat\controllers\classes;
use common\tools\wechat\OauthTool;
use common\models\User;
use common\tools\EmojiTool;
/**
* 微信用戶基本信息獲取
*/
class UserinfoClass {
/**
* 用戶授權并獲取code 
* @return string 用戶code
*/
public function getCode($route, $state){
$re = new OauthTool;
$request = $re->authorize_addr($route, $state);
$code = isset($_GET['code']) ? $_GET['code'] : '';
return [$request,$code];
}
/**
* 獲取用戶信息并寫入數據庫(之后加參數傳給code)
*/
public function info($code) {
$re = new OauthTool;
//獲取access token
$access = $re->access_token($code);
$token = json_decode($access,true);
//header("Content-type: text/html; charset=gbk"); 
//獲取用戶信息
if(count($token) != ) {
$response = $re->userinfo($token['access_token'], $token['openid']);
$user = json_decode($response,true);
//用戶昵稱轉換
//$user['nickname'] = EmojiTool::emoji_trans($user['nickname']);
if($model = User::findOne(['openid' => $user['openid'] ])) { //用戶已存在更新數據
$model->attributes = $user;
$model->modify_time = time();
$model->save(false);
}else{ //用戶不存在寫入
$model = new User;
$model->attributes = $user;
$model->create_time = time();
$model->save(false);
}
}
return isset($model->id) ? $model->id : '';
}
}

e. 控制器調用（這里只貼其中一個方法）

/**
* 產品列表
* @return object 所有可用產品信息
*/
public function actionIndex(){
//判斷頁面是否自動刷新
if(isset($_GET['state'])) {
$refresh = ;
}else{
$refresh = ;
}
//獲取用戶code
$user = new UserinfoClass;
$request = $user->getCode('r=store/index', );
//該用戶userid
$userid = $user->info($request[]);
$model = new Product;
$list = $model->find()->where(['status' => ])->all();
return $this->render('index',['list' => $list, 'refresh' => $refresh, 'userid' => $userid, 'request' => $request]);
}

程序要求用戶打開產品列表即獲取用戶信息并存入數據庫，其中設計了幾個變量作用如下：

$refresh：判斷頁面是否刷新，由于首次打開頁面未進行oauth驗證時才自動請求驗證，避免反復刷新，這里用回調的state參數作為判斷依據且設state=1（若有特定參數需要可將state賦值為所需值）；

$request：即為驗證請求地址

f. 視圖自動刷新

只需要在視圖中添加以下js代碼即可

<script type="text/javascript">
//自動請求獲取code
$(function(){
var refresh = <?= $refresh; ?>;
var request = '<?= $request[]; ?>';
if(refresh == ){
console.log();
location = request;
}
});
</script>

感謝各位的閱讀！關于“微信開發中如何實現網頁授權獲取用戶信息”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！