微信扫码登陆绑定账号功能
2018-01-02 本文已影响2125人
寄去远方的盛夏
1、前台链接进入微信官方的授权接口，当点击链接时，则根据url中的appid自动生成公司微信二维码
<a href="https://open.weixin.qq.com/connect/qrconnect?appid=（微信官方提供的appid）&redirect_uri=http%3A%2F%2F（项目域名地址）%2F（项目模块名）%2F（模块控制器名）%2F（模块方法名）&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect"><span class="fgt pull-right"><img src="/Public/web/images/wx.png">微信登录</span></a>
2、先定义好微信授权接口类，以便下面授权时调用
class WeAuth
{
protected $appId = "公司微信的appid";
protected $appSecret = "企业微信号的密钥";
function __construct()
{
// parent::__construct(false);
if(config('weixin.openAppId'))
{
$this->appId = config('weixin.openAppId');
}
if(config('weixin.openAppSecret'))
{
$this->appSecret = config('weixin.openAppSecret');
}
}
/**
* 开始授权
* @return mixed
*/
public function doAuth()
{
//如果扫码页面的url路径中有code码,则授权完成进入回调函数
if (isset($_REQUEST['code'])) {
return $this->getUserInfo();
}
else {
//获取请求页面时通信协议的名称和版本。例如，“HTTP/1.0”。
$protocal = $_SERVER['SERVER_PROTOCOL'];
//当前请求头中 Host: 项的内容，如果存在的话。
$http_host = $_SERVER['HTTP_HOST'];
//判断是http请求还是https请求
if ($protocal['5'] == 's') {
$protocal = 'https://';
}
else {
$protocal = 'http://';
}
$origin_url = $protocal . $http_host;
// $origin_url = str_replace("www.", "", $origin_url);
//进入获取用户信息授权路径
$url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" . $this->appId . "&redirect_uri=" . urlencode($origin_url) . $_SERVER['REQUEST_URI'] . "&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect";
header("Location:" . $url);
exit();
}
}
/**
* 授权完成之后的回调,获取微信信息
* @return mixed
*/
public function getUserInfo()
{
$code = $_REQUEST['code'];
$state = $_REQUEST['state'];
$url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=" . $this->appId . "&secret=" . $this->appSecret . "&code=" . $code . "&grant_type=authorization_code";
$json = file_get_contents($url);
$base_info = json_decode($json);
$access_token = $base_info->access_token;
$openid = $base_info->openid;
$url = "https://api.weixin.qq.com/sns/userinfo?access_token=" . $access_token . "&openid=" . $openid . "&lang=zh_CN";
$json = file_get_contents($url);
$wechat_user_info = json_decode($json,true);
header('Content-type: text/html;charset=utf-8');
return $wechat_user_info;
}
}
3、当扫描二维码后，进入指定的页面和函数中，判断如果是登陆状态则跳转首页如果不是则进入微信授权去登陆。如果授权成功，则进入登陆判断。如果有该微信的信息则登陆，没有则进入绑定微信页面
protected $userId;
public function index()
{
$userId = session("userId");
if (!$userId) {
//实例化授权接口类
$auth = new WeAuth();
//调用微信授权函数
$wechatInfo = $auth->doAuth();
// print_r($wechatInfo);exit();
//判断授权是否成功
if($wechatInfo && isset($wechatInfo['unionid']) && !empty($wechatInfo['unionid']))
{
//获取到用户的微信id,查找数据库内是否有该微信id
//如果没有,则跳转微信账号绑定项目账号功能,如果已经存在,则直接登录
$unionId = $wechatInfo['unionid'];
$msg = findById("user",array('a.unionId'=>$unionId),"a.*");
if(empty($msg["data"])||$msg['code']==0){
//未绑定账号，跳转到绑定账号页面,并将查到的微信用户信息发送到wxbind方法体内
return view('web@/index/wxbind',array('data'=>$wechatInfo));
//$this->redirect(url('/web/Index/wxbind',array('data'=>$wechatInfo)));
}else {
//限制异常状态的账号登录
$user = $msg["data"];
$userState = $user["status"];
if ($userState == '1012002'){
echo '<script language="javascript">alert("微信登录失败：用户状态异常。");</script>';
$this->redirect(url('/web/Index/index'));
}
if ($userState == '1012005') {
echo '<script language="javascript">alert("微信登录失败：当前账户已被冻结，请联系管理员。");</script>';
$this->redirect(url('/web/Index/index'));
}
//将数据写入session
session('user', $user);
session('userId', $user["id"]);
//登录成功跳转到首页
$this->redirect(url('/web/Index/index'));
}
}else{
echo '<script language="javascript">alert("微信登录失败：获取微信信息失败。");</script>';
$this->redirect(url('/web/Index/index'));
}
} else {
$this->redirect(url('/web/Index/index'));
}
}
4、绑定微信功能的页面，并展示微信用户信息
//微信登录， 已有平台账号页面
function wxbind(){
//将授权获得的微信用户信息赋值$data，并发送给前台
$data = input('request.');
if(empty($data)){
$data = array();
}
return view("",array('data'=>$data));
}
5、wxbind的前台页面
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="col-md-12 col-sm-12">
<div class="col-md-12 col-sm-12">
<h3 class="welcome">
<img src="{$data.headimgurl|default='/Public/web/images/tx.jpg'}">Hi，{$data.nickname|default=''}，欢迎登录平台
</h3>
</div>
<div class="col-md-3 col-sm-12"></div>
<div class="col-md-6 col-sm-12 choosewxbt">
<div class="col-md-6 col-sm-12 wxbtnow" style="padding:0;" ><p>已有平台账号</p></div>
<div class="col-md-6 col-sm-12" style="padding:0;" id="notyet"><p>没有平台账号</p></div>
</div>
<div class="col-md-3 col-sm-12"></div>
<div class="col-md-12 col-sm-12"><p class="sm">绑定账号后，可实现一键登录哦</p></div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12"></div>
<div class="col-md-4 col-sm-12 biaodan wxlogin">
<div class="col-md-12 col-sm-12">
<div class="form-group">
<form action="" method="post" id="wxform">
<input type="text" name="phone" id="phone" class="form-control" placeholder="登录用户名">
<input type="password" name="password" id="password" style="margin-bottom: 14px;;" class="form-control" placeholder="密码">
<input type="hidden" name="unionid" id="unionid" value="{$data.unionid|default=''}"> <!--微信返回的unionid-->
<input type="hidden" name="headimgurl" id="headimgurl" value="{$data.headimgurl|default=''}"> <!---微信返回的用户头像地址-->
<input type="hidden" name="nickname" id="nickname" value="{$data.nickname|default=''}"> <!--微信返回的用户昵称-->
<button type="button" class="btn btn-block btn-outline btn-warning" id="submit">立即绑定</button>
</form>
</div>
<div class="hr-line-dashed"></div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12"></div>
</div>
6、前台发送数据的Js
$("#submit").click(function () {
// var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
// var isMob=/^((\+?86)|(\(\+86\)))?(13[012356789][0-9]{8}|15[012356789][0-9]{8}|18[012356789][0-9]{8}|147[0-9]{8}|1349[0-9]{7})$/;
var phone_str=$("#phone").val();
phone_str = $.trim(phone_str);
if(phone_str==""){
toastr.error('登录用户名必填');
return;
}
/*else if(!(isPhone.test(phone_str)||isMob.test(phone_str))){
alert('手机号码格式错误');
return;
}*/
var password = $('#password').val();
password = $.trim(password);
if(password ==''){
toastr.error('密码必填');
return ;
}
var unionid = $("#unionid").val();//微信的id
var nickname = $("#nickname").val();//微信名
var url = "{:url('/web/Index/dobind')}";
$.post(url, {'mobile':phone_str,'password':password,'unionid':unionid,'nickname':nickname}, function (data) {
if(data.code ==1){
toastr.success('绑定成功');
setTimeout('go()',1000);
}else {
toastr.error(data.msg);
}
});
});
7、绑定微信的方法体
//已有账号，绑定操作
function dobind(){
$postData = input('request.',null,'trim');
try{
if(empty($postData['mobile'])){
return array('code'=>'0','msg'=>'登录用户名不能为空','data'=>'');
}
if(empty($postData['password'])){
return array('code'=>'0','msg'=>'密码不能为空','data'=>'');
}
$map = array(
'name'=>$postData['mobile'],
);
$msg = findById("user", $map, "a.*");
//如果没有查询到数据,或返回值为0,则返回错误
if (empty($msg["data"]) || $msg['code'] == 0) {
return array('code'=>'0','msg'=>'该用户不存在,无法绑定。','data'=>'');
}else{
$user = $msg["data"];
//判断查出的用户密码与绑定账号页面输入的密码是否一致,密码一致则允许绑定
if ($user["password"] !== md5($postData['password'])){
return array('code' => '0', 'msg' => '密码错误，请重新输入。', 'data' => '');
}
//限制账号异常的用户进行登录
$userState = $user["status"];
if ($userState == '1012002') {
return array('code' => '0', 'msg' => '用户状态异常，不能绑定', 'data' => '');
}
if ($userState == '1012005') {
return array('code' => '0', 'msg' => '当前账户已被冻结，无法绑定', 'data' => '');
}
//传入的微信id
$data = array(
'unionId'=>$postData['unionid'],
);
//传入的微信名
$data['wx_name'] = $postData['nickname'];
if(empty($user['realname'])){
$data['realname'] = $postData['nickname'];
}
#todo 微信头像暂时还没处理
//根据传入的手机号将该用户的id和扫码的微信绑定
$res = saveDataByCon('user',$data,array('name'=>$postData['mobile']));
//如果保存成功则进行登录
if($res['code']==1){
//保存成功后，缓存数据，相当于直接登录了
//获取logo并缓存
$logo = '/img/111.jpg';
//获取孵化器的名字 并缓存
if(strpos(','.$user["roleIds"].',',',1,')!==false && !empty($user["etprsIqbtId"])){
//孵化器企业管理员，应该读取孵化器企业的名字
$name = getField('etprsIqbt',array('id'=>$user['etprsIqbtId']),'name');
}elseif(!empty($user['iqbtId'])){
$name = getField('incubator',array('id'=>$user['iqbtId']),'name');
if(!empty($user['logo'])){
$logo = getField('sysFile',array('id'=>$user['logo']),'savePath');
}
}else{
$name = "海创汇云平台";
}
session('sysName',$name);
session('logo',$logo);
session('user', $user);
session('userId', $user["id"]);
if($user["userCate"]=="1011002"){
session('etprsId', $user["etprsId"]);
}
session('iqbtId', $user["iqbtId"]);
session("etprsIqbtId",$user["etprsIqbtId"]);
return $res;
}
}
}catch (\Exception $e) {
//绑定失败则记录事务
c_Log($e);
return array("code" => 0, "msg" =>'绑定失败','data'=>'');
}
}
8、如果平台账号也没有，则注册账号并绑定微信号，注册成功后写入session登陆，并跳转到首页
//微信登录 没有平台账号情况的页面
function wxempty($unionid='',$nickname='',$headimgurl=''){
$data = array(
'unionid'=>$unionid,
'nickname'=>$nickname,
'headimgurl'=>$headimgurl,
);
return view('',array('data'=>$data));
}
9、前台发送注册信息的html
//展示信息
<h3 class="welcome">
<img src="{$data.headimgurl|default='/Public/web/images/tx.jpg'}">Hi，{$data.nickname|default=''}，欢迎登录海创汇云平台
</h3>
//表单
<form action="" method="post" id="rgst">
<input type="text" class="form-control" name="mobile" id="mobile" placeholder="联系电话（登录名必填）" onfocus="this.placeholder=''" onblur="this.placeholder='联系电话（登录名必填）'">
<input type="text" class="form-control" name="realname" id="realname" placeholder="姓名" onfocus="this.placeholder=''" onblur="this.placeholder='姓名'">
<p class="col-lg-12 col-md-12 col-sm-12 find find1">
<input type="text" class="form-control pull-left" id="verify" name="verify" placeholder="短信验证码" onfocus="this.placeholder=''" onblur="this.placeholder='短信验证码'">
<button type="button" class="btn btn-block btn-outline btn-default pull-right a" id="sms">点击获取</button>
</p>
<input style="margin-bottom:14px;" type="password" name="password" id="password" class="form-control" placeholder="密码（6-20位字母、数字、符号组合）" onfocus="this.placeholder=''" onblur="this.placeholder='密码（6-20位字母、数字、符号组合）'">
<input style="margin-bottom:14px;" type="password" name="cfmpassword" id="cfmpassword" class="form-control" placeholder="确认密码" onfocus="this.placeholder=''" onblur="this.placeholder='确认密码'">
<input type="hidden" name="unionid" id="unionid" value="{$data.unionid|default=''}"> <!--微信返回的unionid-->
<input type="hidden" name="headimgurl" id="headimgurl" value="{$data.headimgurl|default=''}"> <!---微信返回的用户头像地址-->
<input type="hidden" name="nickname" id="nickname" value="{$data.nickname|default=''}"> <!--微信返回的用户昵称-->
</form>
<button type="button" id="btnrgst" class="btn btn-block btn-outline btn-warning">完成</button>
10、没有账号需要注册时发送的ajax
$("#btnrgst").click(function () {
var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
var isMob=/^((\+?86)|(\(\+86\)))?(13[012356789][0-9]{8}|17[012356789][0-9]{8}|15[012356789][0-9]{8}|18[012356789][0-9]{8}|147[0-9]{8}|1349[0-9]{7})$/;
var phone_str=$("#mobile").val();
phone_str = $.trim(phone_str);
var realname = $.trim($("#realname").val());
var password = $.trim($("#password").val());
var cfmpassword = $.trim($("#cfmpassword").val());
if(phone_str==""){
toastr.error('电话号码不能为空');
return false;
}else if(!(isPhone.test(phone_str)||isMob.test(phone_str))){
toastr.error('电话号码格式不正确');
return false;
}
if(realname==""){
toastr.error('姓名不能为空');
return ;
}
var verify = $.trim($("#verify").val());
if(verify==''){
toastr('短信验证码不能为空');
return false;
}
if(password==""){
toastr.error('密码不能为空');
return;
}
if(password!=cfmpassword){
toastr.error('两次密码不一致,请重新输入');
return;
}
var regExp=/^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$).{6,20}$/;
if(!regExp.test(password)){
toastr.error('密码必须为6-20位字母、数字或符号组合');
return;
}
var form = $("#rgst");
var url = "{:url('/web/Index/dobindempty')}";
var data=form.serialize();
$.post(url, data, function (data) {
if (data.code == 1) {
toastr.success('注册成功,请登录');
setTimeout('go()',1000);
} else {
toastr.error(data.msg);
}
});
});
11、没有注册过时，扫码后进入注册的函数，并将微信号的信息一同保存在数据中
//微信登录，没有注册的，绑定首次注册的用户
function dobindempty(){
$postData = input('request.',null,'trim');
//加校验
$role = [
'mobile|联系电话'=>'require',
'realname|姓名'=>'require',
'verify|短信验证码'=>'require',
'password|密码'=>'require',
'cfmpassword|确认密码'=>'require|confirm:password',
];
$err = [
'mobile'=>'联系电话不能为空',
'realname'=>'姓名不能为空',
'verify'=>'短信验证码必填',
'password'=>'密码必填',
'cfmpassword'=>'确认密码必填且必须和密码一致',
];
$validate = new Validate($role,$err);
if(! $validate->check($postData)){
return array('code'=>'0','msg'=>$validate->getError(),'data'=>'');
}
try {
$username = $postData['mobile'];
$umsg = findById("user", array("name" => $username), "id");
if (!empty($umsg["data"])) {
return array("code" => 0, "msg" => "绑定失败，该手机号已注册");
}
//验证手机短信验证码
$verify =$postData['verify'];
$res = verifySmsCode($username, $verify, 600);
//验证失败
if ($res['code'] == '0') {
return array('code' => '0', 'msg' => $res['msg'], 'data' => '');
}
$etprs["addtime"] = time();
//开启事物
Db::startTrans();
$msg = saveData("enterprise", $etprs, "企业注册");
if ($msg["code"] === '1') {
$etprsId = $msg["data"];
$user["name"] = $username;
$user["realname"] = $postData['realname'];
$user["registerTime"] = date("Y-m-d H:i", time());
$user["addtime"] = time();
$user["mobile"] = $username;
$user["password"] = md5($postData['password']);
$user["userCate"] = "1011002";
$user["status"] = "1012003"; //这个状态有待进一步讨论
$user["etprsId"] = $etprsId;
$user["etprsIqbtId"] = 1;
$user["roleIds"] = "2";//角色：企业
$user['realname'] = $postData['nickname'];
$user['unionId'] = $postData['unionid'];
$user['wx_name'] = $postData['nickname'];
#todo 企业还有一些状态为加上 比如，没有对应的孵化器
$vld = $this->validate($user, 'User.register');
if ($vld === true) {
$msg2 = saveData("user", $user, "企业用户注册");
if ($msg2["code"] =='0') {
throw new \think\Exception("绑定失败,用户信息保存失败 " . $msg2["msg"]);
}else{
//保存成功后，缓存数据，相当于直接登录了
//获取logo并缓存
session('user', $user);
session('userId', $msg2['data']);
session('etprsId', $etprsId);
session('iqbtId', '0');
session("etprsIqbtId",'1');
}
} else {
throw new \think\Exception("用户信息校验失败" . $vld);
}
} else {
throw new \think\Exception("绑定失败，企业信息保存失败" . $msg["msg"]);
}
Db::commit();
return array("code" => 1, "msg" => "注册成功",'data'=>'');
} catch (\Exception $e) {
//记录事务
c_Log($e);
// 回滚事务
Db::rollback();
return array("code" => 0, "msg" =>'注册失败','data'=>'');
}
}
