美文网首页
微信扫码登陆绑定账号功能

微信扫码登陆绑定账号功能

作者: 寄去远方的盛夏 | 来源:发表于2018-01-02 18:49 被阅读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'=>'');
    }
}

    Complete!

    相关文章

      网友评论

          本文标题：微信扫码登陆绑定账号功能

          本文链接：https://www.haomeiwen.com/subject/dzefnxtx.html

          延伸阅读

          深度阅读

          • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

          栏目导航

          热点阅读

          关于我们|服务条款|联系我们|微信扫码登陆绑定账号功能|投稿指南|网站地图|RSS订阅|排版工具|手机版

          提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

          Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

          备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

          本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

          所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！