4006168059

全站搜索

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

分类:行业动态 390

随着聊天工具的不断发展,如今在众多的聊天工具中微信一骑绝尘,也就是基本每个人的手机都会有微信软件,所以微信扫码登录网页端比新浪,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如下:

 

 

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

 

上一篇: 下一篇:
展开更多
获取报价

loading...