随着聊天工具的不断发展,如今在众多的聊天工具中微信一骑绝尘,也就是基本每个人的手机都会有微信软件,所以微信扫码登录网页端比新浪,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如下:
微信登录的功能比较简单,主要是知道原理是怎么实现的就可以了。