网站接入微信扫码登录并获取用户基本信息(微信开放平台)

网站接入微信扫码登录并获取用户基本信息(微信开放平台)现在的网站基本都接入微信登陆了,就好像下面这样的。只需要用微信扫一下二维码,这个网站就可以展示你的微信昵称和头像,免去注册账号和输入密码登录的步骤,还免去设置头像和昵称的步骤,所以是挺方便的。那么如何把自己的网站接入这个呢?首先咱们得先在微信开放平台注册账号并且创建一个网站应用,等待审核通过后就可以获得Appid和AppSecretbingqie并且还要设置回调域名,这个不多说。首…

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

本文部分图片不能显示,我已经写了新的教程,可以看这篇文章:

https://segmentfault.com/a/1190000018028810

 

 

 

现在的网站基本都接入微信登陆了,就好像下面这样的。

clipboard.png

只需要用微信扫一下二维码,这个网站就可以展示你的微信昵称和头像,免去注册账号和输入密码登录的步骤,还免去设置头像和昵称的步骤,所以是挺方便的。

那么如何把自己的网站接入这个呢?首先咱们得先在微信开放平台注册账号并且创建一个网站应用,等待审核通过后就可以获得Appid和AppSecretbingqie并且还要设置回调域名,这个不多说。

首先我们根据官方文档的流程来做:

第一步:请求CODE

https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

通过以上的接口请求CODE

请求参数:

clipboard.png

OK参数说的明白,咱就开始写代码了。

新建login.php

<?php
//生成state参数,利用MD5对时间戳进行加密生成32位数的state,也是为了简单哈哈,自己用其他方法生成吧
//时间戳
$time = time();
//对时间戳进行加密,就是state
$state = MD5($time);
//APPID
$appid = "你的APPID";
//redirect_uri回调地址,也就是请求完了之后,咱们需要跳转的地址,我这里直接跳转到我网站的oauth.php的地址,这个文件是 用来下一步获取access_token的
$redirect_uri = "http://www.xxx.com/open/oauth.php";
//scope默认是snsapi_login
$scope = "snsapi_login";

//拼接参数进行自动跳转
echo "<script>location.href=\"https://open.weixin.qq.com/connect/qrconnect?appid=$appid&redirect_uri=$redirect_uri&response_type=code&scope=$scope&state=$state#wechat_redirect\";</script>";
?>

 

我们在浏览器访问login.php后,就会生成一个code和携带了我们页面生成的state

 

即:redirect_uri?code=CODE&state=STATE

那么这两个参数,就进入和第二步需要用到CODE

第二步:通过code获取access_token

获取接口:

https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

老样子,还是要构建请求参数

上面是有一个oauth.php的
这个文件已经接收到了code,我们就用这个文件构建请求参数

oauth.php

<?php
header("Content-type:text/html;charset=utf-8");
//获取login.php传过来的code
$code = $_GET["code"];

//通过接口获取access_token
//构造请求参数
$appid = "你的APPID";
$appsecret = "你的APPSecret";
//拼接参数,自动跳转
echo "<script>location.href=\"https://api.weixin.qq.com/sns/oauth2/access_token?appid=$appid&secret=$appsecret&code=$code&grant_type=authorization_code\";</script>";
?>

如果成功,那么就会返回一个JSON数据

{
"access_token":"ACCESS_TOKEN", 
"expires_in":7200, 
"refresh_token":"REFRESH_TOKEN",
"openid":"OPENID", 
"scope":"SCOPE",
"unionid": "unionid"
}

否则:

{"errcode":40029,"errmsg":"invalid code"}

clipboard.png

成功截图:

clipboard.png

那么,openid都获取到了access_token也获取到了,能干啥?

当然是获取用户基本信息啊,直接调用接口就行。

第三步:获取用户基本信息

https://api.weixin.qq.com/sns/userinfo?access_token=获取到的ACCESS_TOKEN&openid=获取到的OPENID

然后访问,就是一堆用户基本信息了。

clipboard.png

头像,昵称,城市,国家,unionid

 

学习交流微信:face6009

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/139504.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Ubuntu18.04安装 NVIDIA驱动+CUDA10.2+cuDNN+TensorRT

    Ubuntu18.04安装 NVIDIA驱动+CUDA10.2+cuDNN+TensorRT1.先卸载原有n卡驱动#forthedriverinstalledbyapt-get:sudoapt-getremove–purgenvidia*#forthedriverinstalledbyrunfilesudochmod+x*.runsudo./NVIDIA-Linux-x86_64-384.59.run–uninstall如果使用的是apt-

    2022年5月4日
    196
  • Angular 2 前端 http 传输 model 对象及其外键的问题

    Angular 2 前端 http 传输 model 对象及其外键的问题

    2021年11月24日
    47
  • 安卓ExpandableListView的详细使用教程(附代码解析过程)「建议收藏」

    安卓ExpandableListView的详细使用教程(附代码解析过程)「建议收藏」ExpandableListView又称可扩展的ListView,它可以实现点击父项展开子项的效果,本文实现了一个比较精美的ExpandableListView。

    2022年6月30日
    28
  • Java 认证考试 OCAJP 经验总结

    Java 认证考试 OCAJP 经验总结1. 考证、认证是否有用含金量的话题关于认证考试(无论什么认证)是否有用?这个话题无论是在哪里都有人问。这个问题就好比上大学是否有用吗一样,有的人没上过大学一样年薪百万。认证这种东西需要的时候即有用,不需要的时候就没用。有,并没有什么坏处。说实话个人感觉这证件没什么大用。而自己想考的理由完全是想自我check下,逼自己复习学习基础。如果你是刚毕业的GH或者在校的,手里有些零花钱的可以考虑下,…

    2022年7月8日
    29
  • java线程池参数_线程池参数的合理设置

    java线程池参数_线程池参数的合理设置一:线程池参数简介#E*^.|0X*J(e,|4p!P,^6n-d’U/UThreadPoolExecutor类可设置的参数主要有:Y4~${7r*c.w7?corePoolSize:核心线程)o4N;k;j3w)f-J”^0v1.核心线程会一直存活,及时没有任务需要执行*I8V!t#[%e2.当线程数小于核心线程数时,即使有线程…

    2022年6月6日
    105
  • spring整合log4j_log4j和logback同时使用

    spring整合log4j_log4j和logback同时使用常用日志框架log4j、log4j2(log4j的升级版,最常用的)、logback(spring boot默认)、Jboss-logging…等slf4 是日志接口规范,代码对接slf4,实现和具体日志框架解耦,无需修改编码即可切换日志框架。修改pom依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-st

    2022年8月8日
    9

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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