この記事では主に PHP WeChat PC QR コードログインの実装アイデアを紹介します。興味のある友人は参考にしてください
1. アイデア:
アイデアの鍵は WeChat との通信方法です。クライアント インタラクションの観点から言えば、結局のところ、現在 WeChat ログインは WeChat 経由でのみ行うことができます。
しかし、WeChatにはカスタマイズされたQRコードを生成するための特別な方法があり、PC上でQRコードを表示することができ、QRコードの値は私たちが定義することができます。さらに、WeChat 開発ドキュメントにはスキャン イベントがあり、WeChat を使用してユーザーを検出して QR コードをスキャンし、値を取得できます。実は、問題の鍵はこの値にあり、この値がチャイナユニコムPCとWeChat間の通信IDとみなされます。
2. 具体的な実装プロセス (以下のコードはTP5フレームワークを使用しており、サービスアカウントの公開アカウントがあることが大前提です)
1. PC側でQRコードを生成します。
コードは次のとおりです:
Controller:
namespace app\home\controller;
class Recognition extends Base{
public function seeLoginQrcode(){
$qrcode_return = model('Recognition')->getLoginQrcode();
if($qrcode_return['error_code']){
return $this->returnJson("获取失败！",0);
}else{
$data=array(
'url'=>$qrcode_return['ticket'],
'qrcode_id'=>$qrcode_return['id'],
);
return $this->returnJson("获取成功！",1,$data);
}
}
}ログイン後にコピー
model:
namespace app\common\model;
use think\Model;
class Recognition extends Model{
protected $autoWriteTimestamp = false;
//生成登录用的临时二维码
public function getLoginQrcode(){
$appid = config('THINK_SDK_WEIXIN.APP_KEY');
$appsecret = config('THINK_SDK_WEIXIN.APP_SECRET');
if(empty($appid) || empty($appsecret)){
return(array('error_code'=>true,'msg'=>'请联系管理员配置【AppId】【 AppSecret】'));
}
$database_login_qrcode = model('LoginQrcode');
$database_login_qrcode->where(array('add_time'=>array('lt',($_SERVER['REQUEST_TIME']-604800))))->delete();
$data_login_qrcode['add_time'] = $_SERVER['REQUEST_TIME'];
$database_login_qrcode->save($data_login_qrcode);
$qrcode_id = $database_login_qrcode->getLastInsID();
if(empty($qrcode_id)){
return(array('error_code'=>true,'msg'=>'获取二维码错误！无法写入数据到数据库。请重试。'));
}
import('Net.Http');
$http = new \Http();
//微信授权获得access_token
$access_token_array = model('AccessTokenExpires')->getAccessToken();
if ($access_token_array['errcode']) {
return(array('error_code'=>true,'msg'=>'获取access_token发生错误：错误代码' . $access_token_array['errcode'] .',微信返回错误信息：' . $access_token_array['errmsg']));
}
$access_token = $access_token_array['access_token'];
$qrcode_url='https://api.weixin.qq.com/cgi-bin/qrcode/create?access_token='.$access_token;
$post_data['expire_seconds'] = 604800;
$post_data['action_name'] = 'QR_SCENE';
$post_data['action_info']['scene']['scene_id'] = $qrcode_id;
$json = $http->curlPost($qrcode_url,json_encode($post_data));
if (!$json['errcode']){
$condition_login_qrcode['id']=$qrcode_id;
$data_login_qrcode['id'] = $qrcode_id;
$data_login_qrcode['ticket'] = $json['ticket'];
if($database_login_qrcode->isUpdate(true)->save($data_login_qrcode)){
return(array('error_code'=>false,'id'=>$qrcode_id,'ticket'=>'https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket='.urlencode($json['ticket'])));
}else{
$database_login_qrcode->where($condition_login_qrcode)->delete();
return(array('error_code'=>true,'msg'=>'获取二维码错误！保存二维码失败。请重试。'));
}
}else{
$condition_login_qrcode['id'] = $qrcode_id;
$database_login_qrcode->where($condition_login_qrcode)->delete();
return(array('error_code'=>true,'msg'=>'发生错误：错误代码 '.$json['errcode'].'，微信返回错误信息：'.$json['errmsg']));
}
}
}ログイン後にコピー
成功すると、以下が返されることがわかります:
return(array('error_code'=>false,'id'=>$qrcode_id,'ticket'=>'https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket='.urlencode($json['ticket'])));
ログイン後にコピー
実際にQRコード！
そして、チケットはQRコードへのリンクです。つまり、スキャンイベントでこのQRコードをスキャンして得られる値がこのidになります。
以下の WeChat 処理を確認してください
1. QR コードをスキャンした後:
namespace app\mobile\controller;
class Wechat extends Base{
public function index()
{
import('Wechat.Wechat');
$wechat = new \Wechat();
$data = $wechat->request();
list($content, $type) = $this->reply($data);
if ($content) {
$wechat->response($content, $type);
}
else {
exit();
}
}
public function reply($data)
{
if ($data['MsgType'] == 'event') {
$id = $data['EventKey'];
switch (strtoupper($data['Event'])) {
case 'SCAN':
return $this->scan($id, $data['FromUserName']);
case 'CLICK':
//回复？
return array('click', 'text');
break;
case 'SUBSCRIBE':
//关注
return array('Welcome', 'text');
break;
case 'UNSUBSCRIBE':
//取关
return array('BYE-BYE', 'text');
case 'LOCATION':
//定位
break;
}
}
else {
if ($data['MsgType'] == 'text') {
return array("测试成功！",'text');
}
if ($data['MsgType'] == 'location') {
}
if (import('@.ORG.' . $data['MsgType'] . 'MessageReply')) {
}
}
return false;
}
private function scan($id, $openid = '', $issubscribe = 0)
{
if ((1000000000 < $id) && $openid) {
if ($user = model('Member')->field('id')->where(array('third_id' => $openid))->find()) {
$data=array(
'id'=>$id,
'uid'=> $user['id']
);
model('LoginQrcode')->isUpdate()->save($data);
return array('登陆成功', 'text');
}
$data=array(
'id'=>$id,
'uid'=>-1
);
model('LoginQrcode')->isUpdate(true)->save($data);
$return[] = array('点击授权登录', '',config('SITE_LOGO'), config('SITE_URL') . '/mobile/WechatBind/ajaxWebLogin?qrcode_id=' . $id);
return array($return, 'news');
}
}
}ログイン後にコピー
上記の Scan メソッドには次のような判定があることがわかります:
if ((1000000000 < $id) && $ openid) {
$id は、対応する QR コードの値であり、以前に生成した ID です (実際、Scan でのさまざまなイベントを区別するために、ID が含まれる login_qrcode テーブルを意図的にインクリメントします) 1000000000 から始まる ID によって検索されます）。
次に if の背後にある処理を見てください:
if ($user = model('Member')->field('id')->where(array('third_id' => $openid))->find()) {
$data=array(
'id'=>$id,
'uid'=> $user['id']
);
model('LoginQrcode')->isUpdate()->save($data);
return array('登陆成功', 'text');
}ログイン後にコピー
条件が満たされ、この openid を持つユーザーがいる場合、
updatelogin_qrcode テーブルを実行し、uid をユーザー ID に変更します。 (ここが重要です。ユーザーがログインしているにもかかわらず、その ID に対応するデータの uid がユーザー ID に更新されるのはなぜですか)。
3. 引き続き PC 側を見てみましょう。PC セグメントは 1 で QR コードを取得した後もリクエストを停止せず、代わりにメソッド
* 微信登录异步请求
* @return \think\response\Json
* created by sunnier<xiaoyao_xiao@126.com>
*/
public function ajaxWechatLogin(){
for ($i = 0; $i < 6; $i++) {
$database_login_qrcode = model('LoginQrcode');
$condition_login_qrcode['id'] = input('get.qrcode_id');
if(empty($condition_login_qrcode['id'])){
return $this->returnJson('未获取到qrcode_id！',0);
}
$now_qrcode = $database_login_qrcode->field('`uid`')->where($condition_login_qrcode)->find();
if (!empty($now_qrcode['uid'])) {
if ($now_qrcode['uid'] == -1) {
$data_login_qrcode['uid'] = 0;
$database_login_qrcode->where($condition_login_qrcode)->isUpdate(true)->save($data_login_qrcode);
return $this->returnJson('请在微信公众号点击授权登录！',0);
}
$database_login_qrcode->where($condition_login_qrcode)->delete();
$result = model('Member')->autologin('id', $now_qrcode['uid']);
if (empty($result['error_code'])) {
return $this->returnJson('登录成功！',1,$result['user']);
} else if ($result['error_code'] == 1001) {
return $this->returnJson('没有查找到用户，请重新扫描二维码！',0);
} else if ($result['error_code']) {
return $this->returnJson('登陆失败！',0);
}
}
if ($i == 5) {
return $this->returnJson('登陆失败',0);
}
sleep(3);
}
}ログイン後にコピー
をトレーニングしていることがわかります。これは 1 で返される ID、もう 1 つは QR コードです。
ローテーション トレーニング プロセスでは、この ID を使用して、login_qrcode テーブルの
status を継続的にチェックします。uid が存在する場合、ログインが成功したことが証明されます。 uid を使用して自動的にログインできます。
4. 上記
の重要な点は、中間テーブルlogin_qrcodeがQRコードの生成とWeChat側のユーザーUIDの挿入に使用されることです。 PC側で検出してログインを実現します。
以上がPHP WeChat PC QRコードログインの実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
