Thinkphp3.2如何使用微信扫码实现网页登录的功能

随着聊天工具的不断发展，如今在众多的聊天工具中微信一骑绝尘，也就是基本每个人的手机都会有微信软件，所以微信扫码登录网页端比新浪，QQ等第三方平台登录使用都更加广泛。

 

 

微信扫码网页端实现登录的原理，是利用公众号页面的微信登录功能，不过会一些代码的增加和改动，使手机端与PC端能形成数据的联动，下面就着重讲一下改动和增加代码的内容。

第一步，生成一个二维码，如下图所示：

即用手机扫码该二维码后，首次登录需获取用户的信息，然后网页直接登录，二维码是一个跳转的URL链接地址，内容如下：

//随机字符串，用于联运PC与手机的媒介

$rand_code = ‘M’.time().rand(‘100001′,’999999’);

//登录后返回的地址

$REDIRECT_URI = ‘域名/Weixin/login_return?rand_code=’.$rand_code;

//微信登录地址，也是二维码地址

$scope=’snsapi_userinfo’;//表示需要授权

$url=’https://open.weixin.qq.com/connect/oauth2/authorize?appid=’.$APPID.’&redirect_uri=’.urlencode($REDIRECT_URI).’&response_type=code&scope=’.$scope.’&state=1#wechat_redirect’;//登录验证

 vendor(“phpqrcode.phpqrcode”);//调用二维码类

$level = ‘L’;// 点的大小：1到10,用于手机端4就可以了

$size = 7;/* 二维码的大小，下面注释了把二维码图片保存到本地的代码,如果要保存图片,用$fileName替换第二个参数false*/

$fileName =’Uploads/qcode/2.png’; // 生成的文件名

$QRcode = new \QRcode();

 $QRcode->png($url, $fileName, $level, $size);//生成二维码

 $this->qrcode =  .’/’.$fileName;//二维码路径

$this->rand_code = $rand_code;//将随机数传递到扫码的页面

如上所示，$url就是二维码的内容，扫码后手机就浏览$url，手机确认授权登录后，就会返回$REDIRECT_URI的地址，方法如下：

function login_return(){

$rand_code = I(‘get.rand_code’,”);//PC生成的随机数

$appid = C(‘APPID’);

$secret = C(‘SECRET’);

$code = $_GET[“code”];

//获取用户的access_token和openid

$get_token_url = ‘https://api.weixin.qq.com/sns/oauth2/access_token?appid=’.$appid.’&secret=’.$secret.’&code=’.$code.’&grant_type=authorization_code’;

$data = fopen($get_token_url, “rb”);

$data = stream_get_contents($data);

@fclose($data);

$json_obj = json_decode($data,true);

 

//根据openid和access_token查询用户信息

 $access_token = $json_obj[‘access_token’];

 $openid = $json_obj[‘openid’];

$get_user_info_url = ‘https://api.weixin.qq.com/sns/userinfo?access_token=’.$access_token.’&openid=’.$openid.’&lang=zh_CN’;

 $data2 = fopen($get_user_info_url, “rb”);

$data2 = stream_get_contents($data2);

@fclose($data2);

//解析json

$info = json_decode($data2,true); //$info即是用户信息的数组

｝

 

上面是代码，原理：手机扫码登录后，获取用户的信息，如果昵称，头像，地区等，最重要的是openid，根据openid查询会员表有没有存在，如果存在则将随机数$rand_code更新到会员表member的rand_code里，如果不存在，则添加一行会员信息，添加的内容是用户的昵称，头像，openid, rand_code，因为rand_code已经保存在会员表的，所以PC网页端用定时执行的函数，每隔几秒查询会员表中是否存在rand_code，如果存在则登录成功，并且获取该会员的信息，PC端的JS如下：

 

 

微信登录的功能比较简单，主要是知道原理是怎么实现的就可以了。