微信开放平台 微信登录-扫码登录[通俗易懂]

微信开放平台 微信登录-扫码登录[通俗易懂]需求:后台需要添加微信扫码登录,要求能跟小程序用户绑定,同步用户信息。

大家好,又见面了,我是你们的朋友全栈君。

需求:后台需要添加微信扫码登录。
首先需要阅读官方文档,了解大致过程。介绍有两种微信扫码,一是跳转到微信网页生成的二维码进行扫码,二是把二维码内嵌到自己的网站页面。下面微信文档。
https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html
准备:
1.appid 开放平台查找
2.redirect_uri 回调链接 跟开放平台配置一致,使用时需要urlEncode处理。用php 处理直接用urlEncode,用JavaScript处理用urlEncode没反应的话就用,encodeURIComponent。
微信文档截图
例一,跳转扫码


<?php
$appid = "填写你的APPID";
$redirect_uri = UrlEncode("http://www.baidu.com/login.php");
$data = time();
$state = MD5($data);
//跳转页面
echo "<script>location.href=\"https://open.weixin.qq.com/connect/qrconnect?appid=$appid&redirect_uri=$redirect_uri&response_type=code&scope=snsapi_login&state=$state#wechat_redirect\";</script>";
?>

效果
在这里插入图片描述
情形二:把二维码内嵌到网页

<!-- 引入微信扫码登录js文件 -->
<script type="text/javascript" src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
</head>
<body>
  <!-- 放置二维码的div -->
  <div id="login_container"></div>
</body>
<script type="text/javascript">
var obj = new WxLogin({ 
   
  self_redirect:true,
  id:"login_container", //二维码容器id
  appid: "wxbdc5610cc59c1631", 
  scope: "snsapi_login", 
  redirect_uri: encodeURIComponent("http://"+window.location.host+"/..."), 
  state: Math.ceil(Math.random()*1000), 
 // style: "black",//黑底或者白底 可不填
  href: ""//样式,公网链接样式,可不填
});
</script>

效果:
内嵌二维码效果图
回调处理:

public function callback(){ 

$code = input('code');
if($code){ 

$WxLogin = new \WxLogin\WxLogin();//这个是我封装的获取用户信息的类
$re = $WxLogin->getOpenid($code);
/*
//我回调处理主要是用unionid判断
1.是否跟之前的用户表已经有了unionid,匹配进入后台
2.是否已经绑定过其他账户 ,如果有重新进入扫码页面,提示换号绑定
3.如果用户账号登录后 ,微信未绑定过,则绑定后进入页面
……
*/
$UserModel = new \app\common\model\common\User();
$MprUser = new \app\common\model\common\MprUser();
$user_id = is_login();
if($user_id>0){ 

//账号登录后扫码
//微信是否已经绑定过其他账号
$isexit = $UserModel->where('type',0)->where('unionid',$re['unionid'])->where('status',1)->find();
if($isexit){ 

$this->error('此微信已经绑定过,请用另外的微信扫码绑定!','/wxLogin?time='.time());
}else{ 

//绑定微信
session(md5('wxLogin_session'),1);
$exit = $MprUser->where('openid',$re['unionid'])->find();
if($exit){ 

$UserModel->save(['mpr_user_id'=>$exit['mpr_user_id'],'unionid'=>$re['unionid']],['id'=>$user_id]);
}else{ 

$UserModel->save(['unionid'=>$re['unionid']],['id'=>$user_id]);
}
$this->success('绑定成功!',url('admin/index/index'));exit;
}
}else{ 

//扫码登录
//是否有用户信息
$isexit = $UserModel->where('type',0)->where('unionid',$re['unionid'])->where('status',1)->find();
if($isexit){ 

$exit = $MprUser->where('openid',$re['unionid'])->find();
if($exit){ 

$UserModel->save(['mpr_user_id'=>$exit['mpr_user_id']],['unionid'=>$re['unionid']]);
}
$user = new \app\admin\logic\Session();
$res = $user->wxLogin($isexit['id']);
if($res['code']==1){ 

session(md5('wxLogin_session'),1);
$this->success($res['msg'],$res['url']);exit;
}
}else{ 

//未有绑定微信的账号或者账号不可用,
$this->error('未查询到此微信的账号或者账号不可用!','/wxLogin?time='.time());
}
}
}else{ 

return '欢迎光临!这是微信扫码进入的回调方法,亲是不是走错了~~哈哈哈!';
}
}

下面类似通过code 获取用户信息

<?php
namespace WxLogin;
use think\Db;
/**
* 微信登录类
*/
class WxLogin{ 

private $appid = 'wxAPPID';//小程序appid,主要用appid
private $secret = 'SECRET';//开放平台秘钥,用不到 
public function getOpenid($code){ 

//获取access_token和openid
$url = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=$this->appid&secret=$this->secret&code=$code&grant_type=authorization_code";
//发送请求
$result = $this->post($url);
//返回接口的数据
$arr = json_decode($result,true);
$data = $this->getUser($arr['access_token'],$arr['openid']);
return $data;
}
function getUser($token,$openid){ 

//获取用户信息需要openid 和 access_token
//获取用户信息
$getinfourl = "https://api.weixin.qq.com/sns/userinfo?access_token=$token&openid=$openid";
//发送请求获取用户信息
$info_result = $this->post($getinfourl);
//返回接口的数据
// echo $info_result;
$info_arr = json_decode($info_result,true);
return $info_arr;
}
function post($url) { 

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
$rst = curl_exec($ch);
curl_close($ch);
return $rst;
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/146074.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 《蝙蝠侠前传3:黑暗骑士崛起》蓝光高清720P 1080P 下载

    《蝙蝠侠前传3:黑暗骑士崛起》蓝光高清720P 1080P 下载

  • 深入浅出vue_深入浅出pandas

    深入浅出vue_深入浅出pandasaboutStream什么是流?Stream是java8中新增加的一个特性,被java猿统称为流.Stream不是集合元素,它不是数据结构并不保存数据,它是有关算法和计算的,它更像一个高级版本的Iterator。原始版本的Iterator,用户只能显式地一个一个遍历元素并对其执行某些操作;高级版本的Stream,用户只要给出需要对其包含的元素执行什么操作,比如“过滤掉长度大于1

    2022年10月23日
  • 异步fifo的工作原理_netty的异步实现原理

    异步fifo的工作原理_netty的异步实现原理FPGA(一):异步FIFO实现(包含源码和仿真文件)一、异步FIFO的重要参数及其作用1、FIFO:FirstInputFirstOutput,即先入先出队列,本质是RAM。FIFO有几个最重要的参数:2、wr_clk:写时钟,所有与写有关的操作都是基于写时钟;3、rd_clk:读时钟,所有与读有关的操作都是基于读时钟;4、FIFO_WIDTH:FIFO的位宽,即FIFO中每个地址对应的数据的位宽;5、FIFO_DEPTH:FIFO的深度,即FIFO中能存入多少个(位宽为FIFO_

  • 算法设计克林伯格pdf_LSTM算法

    算法设计克林伯格pdf_LSTM算法第一部分 levmar的安装与使用 Levenberg-Marquardt算法是求解非线性问题的一个非常好用的算法。该算法属于信赖域算法的一种,关于信赖域算法的解释可以参考这一博主的解释:关于信赖域算法理解,个人感觉很好。    Levenberg-Marquardt算法是一个开源的算法,其文件下载地址如下:http://www.netlib.org/clapack/C

  • 遗传算法的matlab代码_遗传算法实际应用

    遗传算法的matlab代码_遗传算法实际应用目录1、遗传算法流程2、关键参数说明(1)群体规模\(NP\)(2)交叉概率\(P_c\)(3)变异概率\(P_m\)(4)进化代数\(G\)3、MATLAB仿真实例3.1遗传算法求解一元函数的极值3.2遗传算法求解旅行商问题(TSP)4、遗传算法的特点1、遗传算法流程遗传算法的运算流程如下图所示:具体步骤如下:(1)初始化。设置进化代数计数器\(g=0\),设置最大进化代数\(G\),随机生成\(NP\)个个体作为初始群体..

  • C语言volatile关键字详解

    C语言volatile关键字详解1.volatile和什么有关百度翻译是这样子翻译volatile的:图1-1百度翻译volatile截图volatile属于C语言的关键字,《CPrimerPuls》是这样解释关键字的:关键字是C语言的词汇,由于编译器…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号