背景
近期進行 PC 端的網站開發，需要用到微信授權登錄，考慮到前期手機端已經獲得了大量的微信用戶羣，現在想着進行資源整合，滿足同一個微信用戶的數據同步
一、開發須知
1.概念區分
因爲接觸到微信開發的知識，必然會接觸 OpenID 與 UnionID 的使用，以下爲微信官方文檔的的介紹，請注意區分：
> 在關注者與公衆號產生消息交互後；
> 公衆號可獲得關注者的 OpenID（加密後的微信號，每個用戶對每個公衆號的 OpenID 是唯一的。對於不同公衆號，同一用戶的 OpenID 不同）
> 公衆號可通過相應接口來根據 OpenID 獲取用戶基本信息；
> 包括暱稱、頭像、性別、所在城市、語言和關注時間
> 請注意，如果開發者有在多個公衆號，或在公衆號、移動應用之間統一用戶帳號的需求；
> 需要前往微信開放平臺（open.weixin.qq.com）綁定公衆號後；
> 纔可利用 UnionID 機制來滿足上述需求
- 簡單概括來講：
OpenID是 普通用戶的標識，對當前開發者帳號唯一。一個OpenID對應一個公衆號。UnionID是 用戶統一標識。針對一個 微信開放平臺帳號 下的應用，同一用戶的UnionID是唯一的。
2.歸納整理
- 繞了這個圈，也就是說，微信公衆號開發與微信開發平臺開發是有差別的
- 想讓同一個微信用戶使用不同平臺（如PC端、app、微信小程序等）的網站登錄;
- 需要進行賬號綁定;
- 而這個綁定的賬號不能以 OpenID 區分，而需要用 UnionID 區分
3.典型問題
附錄一個常見的設計問題，主要在於開發前的知識使用不夠全面，而造成後續拓展的影響，當然，這也是我遇到的問題，希望可以給各位敲個警鐘。
所以：當你出現這種情況，可以參考下面的指導進行
unionID數據的後期獲取 獲取用戶基本信息(UnionID機制)
- 個人參考代碼如下：
/**
* 根據用戶已獲得的 openID 獲取其他信息 （主要爲 unionID）
*/
public function getUnionidByOpenid($openID = ''){
$url = "https://api.weixin.qq.com/cgi-bin/user/info?access_token="
.$this->getaccesstoken()
."&openid=".$openID."&lang=zh_CN";
$jsonRes = $this->http_get($url);
if ($jsonRes){
$arrRes = json_decode($jsonRes, true);
return $arrRes['unionid'];
}else{
return '';
}
}
二、微信開放平臺操作
登錄 微信開放平臺
1.簡要引導
根據在下的需求，選擇了 “網站應用開發” 的創建，然後按照官方提示進行材料的申請，一般需要三天以上
可以注意到， 網站應用開發 的簡要功能介紹
當應用創建通過後，必須還要滿足接口權限的獲取，會有工作人員主動聯繫，一般一天就能完成
2.官方提供的場景參考
3.綁定公衆賬號/小程序
爲了保證同一個開發賬號下對應微信用戶的 UnionID 綁定使用，需要在下面的列表中綁定對應的公衆號/服務號，文檔中介紹一般要滿足微信支付功能
4.授權獲取 access_token 時序圖
三、代碼實現
- 其實，主要的時間都花費在了前期的申請操作上，而真正的代碼實現卻是極爲簡單，以下是我的實現方式，敬請指摘
1、公共文件配置
- 習慣主要的配置信息同意放在了配置文件中，"\Application\Common\Conf\config.php"
'WEIXIN_LOGIN' => array(
// 微信開放平臺 使用微信帳號登錄App或者網站 配置信息
'OPEN_APPID' => 'wxbd961b2a6b7b2963', //應用 AppID
'OPEN_APPSECRET' => 'e6xxxxxxxxxxxxxxxxxxxxe90',//應用 AppSecret
'OPEN_CALLBACKURL' => 'http://www.52zhenmi.com/Home/Login/wxBack', //微信用戶使用微信掃描二維碼並且確認登錄後，PC端跳轉路徑
),
2.核心代碼
具體代碼，請參考路徑 “zmPro\Application\Home\Controller\LoginController.class.php”
public function wxIndex(){
//--微信登錄-----生成唯一隨機串防CSRF攻擊
$state = md5(uniqid(rand(), TRUE));
$_SESSION["wx_state"] = $state; //存到SESSION
$callback = urlencode($this->callBackUrl);
'https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect';
$wxurl = "https://open.weixin.qq.com/connect/qrconnect?appid="
.$this->appID."&redirect_uri="
.$callback."&response_type=code&scope=snsapi_login&state="
.$state."#wechat_redirect";
header("Location: $wxurl");
}
public function wxBack(){
if($_GET['state']!=$_SESSION["wx_state"]){
echo 'sorry,網絡請求失敗...';
exit("5001");
}
$url='https://api.weixin.qq.com/sns/oauth2/access_token?appid='.$this->appID.'&secret='.$this->appSecret.'&code='.$_GET['code'].'&grant_type=authorization_code';
$arr = curl_get_contents($url);
//得到 access_token 與 openid
$url='https://api.weixin.qq.com/sns/userinfo?access_token='.$arr['access_token'].'&openid='.$arr['openid'].'&lang=zh_CN';
$user_info = curl_get_contents($url);
$this->dealWithWxLogin($user_info);
}
/**
* 根據微信授權用戶的信息 進行下一步的梳理
* @param $user_info
*/
public function dealWithWxLogin($user_info){
//TODO 數據處理
var_dump($user_info);
die;
}
3.前端顯示
根據官方文檔的介紹，既可以直接訪問授權掃碼界面，也可以進行自定義設計
估計本人腦抽，嵌套登錄掃碼的功能整了半天也沒實現，在此只好使用默認跳轉。
通過點擊上圖中的微信圖標，直接跳轉如下鏈接
https://open.weixin.qq.com/connect/qrconnect?appid=wxbd961b2a6b7b2963&redirect_uri=http%3A%2F%2Fwww.52zhenmi.com%2FHome%2FLogin%2FwxBack&response_type=code&scope=snsapi_login&state=204b244a5051207d1987a95f4a7e42c1#wechat_redirect
掃描登錄成功後進行頁面跳轉
四、總結
小程序官方提供了 UnionID機制說明，可進行對比參考
網上看到一篇不錯的文章，建議參考： 微信公衆號用戶與網站用戶的綁定方案
總結小點：
1.根據上面功能實現的最後，可以獲取登錄用戶的信息，而其中的 openID 和 UnionID 可存儲數據庫進行後期業務的處理.
2.在下闡述能力有限，建議多參考官方開發文檔，谷歌前輩的乾貨經驗…
附錄
>>>源代碼參考>>>
原文鏈接：https://blog.csdn.net/u011415782/article/details/76221707