微信公众号-获取用户信息(网页授权获取)实现步骤


Posted in Javascript onOctober 21, 2016

根据微信公众号开发官方文档:

获取用户信息步骤如下:

1 第一步:用户同意授权,获取code
2 第二步:通过code换取网页授权access_token
3 第三步:刷新access_token(如果需要)
4 第四步:拉取用户信息(需scope为 snsapi_userinfo)

1 获取code

在确保微信公众账号拥有授权作用域(scope参数)的权限的前提下(服务号获得高级接口后,默认拥有scope参数中的snsapi_base和snsapi_userinfo),引导关注者打开如下页面:

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

若提示“该链接无法访问”,请检查参数是否填写错误,是否拥有scope参数对应的授权作用域权限。

尤其注意:由于授权操作安全等级较高,所以在发起授权请求时,微信会对授权链接做正则强匹配校验,如果链接的参数顺序不对,授权页面将无法正常访问

其中:

AppID - 公众号的唯一标识
REDIRECT_URI - 跳转url
SCOPE - 值为snsapi_base(不弹出授权页面,直接跳转,只能获取用户openid) 或snsapi_userinfo (弹 出授权页面,可通过openid拿到昵称、性别、所在地。并且,即使在未关注的情况下,只要用户授权,也能获取其信息)
STATE - 开发者可以自定义填写a-zA-Z0-9的参数值

2 通过code换取网页授权access_token

如果用户同意授权,页面将跳转至 redirect_uri/?code=CODE&state=STATE。
state就是上面的STATE参数原样传过来的

实现代码:

<code class="hljs php">$code = I('get.code');
if (empty($code)) {
   //todo 非微信访问
   exit('</code>');
 }else{ //授权后操作 }

在这里我们就可以得到code用作后续的获取access_token。

获取code后,请求以下链接获取access_token:

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

appid - 公众号的唯一标识
secret - 密钥
code - 上述所返回的code
grant_type - 值为authorization_code

实现代码:

<code class="hljs bash">$url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' . C('wechat.AppID') . '&secret=' . C('wechat.AppSecret');
$str = file_get_contents($url);
$str = json_decode($str, true);
$access_token = $str['access_token'];</code>

这里access_token可以做缓存处理,避免造成频繁获取
实现代码,以TP框架为例:

<code class="hljs php">$access_token = S('access_token');
if (empty($access_token)) {
  $url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' . C('wechat.AppID') . '&secret=' . C('wechat.AppSecret');
  $str = file_get_contents($url);
  $str = json_decode($str, true);
  $access_token = $str['access_token'];
  S('access_token', $access_token, 3600);
}</code>

在获取access_token后,也会一并返回openid(用户唯一标识),微信官方文档的解释是:用户唯一标识,请注意,在未关注公众号时,用户访问公众号的网页,也会产生一个用户和公众号唯一的OpenID

openid是唯一标识微信用户的,如果用户不是第一次登陆,可以在得到openid后查询数据库是否有绑定此openid的用户,之后就无需重新获取用户数据,直接获取的数据库user_id设置session,直接登陆访问

3 第三步忽略,只在需要的时间重新获取access_token而已

4 拉取用户信息(需scope为 snsapi_userinfo)

在数据库无此微信号用户的绑定下,就相当于用户首次访问登陆,则通过第四步来获取用户信息(在用户授权情况下,网页授权作用域为snsapi_userinfo,则此时开发者可以通过access_token和openid拉取用户信息了),然后后台创建user并绑定此微

信用户(通过openid)

请求方法

http:GET(请使用https协议) https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN

access_token - 上述所获取的access_token
openid - 公众号唯一标识

实现代码:

<code class="hljs php">$url = "https://api.weixin.qq.com/cgi-bin/user/info?access_token=$access_token&openid=$openid&lang=zh_CN";
$str = file_get_contents($url);
$str = json_decode($str, true);
if (empty($str['errcode'])) {
  //创建user并绑定openid
}else{
  //错误处理
}</code>

以上就是微信公众号获取用户信息的具体步骤。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
用cssText批量修改样式
Aug 29 Javascript
为jQuery增加join方法的实现代码
Nov 28 Javascript
js数组Array sort方法使用深入分析
Feb 21 Javascript
jquery+css+ul模拟列表菜单具体实现思路
Apr 15 Javascript
jquery.messager.js插件导致页面抖动的解决方法
Jul 14 Javascript
JS+CSS实现的经典tab选项卡效果代码
Sep 16 Javascript
深入理解jQuery3.0的domManip函数
Sep 01 Javascript
Nuxt.js实战详解
Jan 18 Javascript
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
Jul 26 Javascript
详解webpack之图片引入-增强的file-loader:url-loader
Oct 08 Javascript
JS实现数组去重,显示重复元素及个数的方法示例
Jan 21 Javascript
在vue中实现echarts随窗体变化
Jul 27 Javascript
微信 java 实现js-sdk 图片上传下载完整流程
Oct 21 #Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
Oct 21 #Javascript
Bootstrap如何创建表单
Oct 21 #Javascript
bootstrap table小案例
Oct 21 #Javascript
jquery+Jscex打造游戏力度条
Sep 12 #Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
Oct 21 #Javascript
node.js学习之base64编码解码
Oct 21 #Javascript
You might like
收听短波不可能有声音清晰的品质吗
2021/03/01 无线电
PHP数组循环操作详细介绍 附实例代码
2013/02/03 PHP
PHP获取windows登录用户名的方法
2014/06/24 PHP
使用prototype.js进行异步操作
2007/02/07 Javascript
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
2010/05/31 Javascript
Array, Array Constructor, for in loop, typeof, instanceOf
2011/09/13 Javascript
使用js完成节点的增删改复制等的操作
2014/01/02 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
2015/10/28 Javascript
JS跨域解决方案之使用CORS实现跨域
2016/04/14 Javascript
微信小程序 Button 组件详解及简单实例
2017/01/10 Javascript
Vue.js实现表格动态增加删除的方法(附源码下载)
2017/01/20 Javascript
原生javascript上传图片带进度条【实例分享】
2017/04/06 Javascript
require.js中的define函数详解
2017/07/10 Javascript
vue.js与element-ui实现菜单树形结构的解决方法
2018/04/21 Javascript
vue封装一个简单的div框选时间的组件的方法
2019/01/06 Javascript
javascript关于“时间”的一次探索
2019/07/24 Javascript
JavaScript原型继承和原型链原理详解
2020/02/04 Javascript
vue用elementui写form表单时,在label里添加空格操作
2020/08/13 Javascript
在Python 3中实现类型检查器的简单方法
2015/07/03 Python
python对配置文件.ini进行增删改查操作的方法示例
2017/07/28 Python
Python中类的初始化特殊方法
2017/12/01 Python
Python中bisect的使用方法
2019/12/31 Python
美体小铺瑞典官方网站:The Body Shop瑞典
2018/01/27 全球购物
雅高酒店中国:Accorhotels.com China
2018/03/26 全球购物
NBA欧洲商店(英国):NBA Europe Store UK
2018/07/27 全球购物
Ramy Brook官网:美国现代女装品牌
2019/06/18 全球购物
资深生产主管自我评价
2013/09/22 职场文书
婚礼证婚人证婚词
2014/01/13 职场文书
大学开学计划书
2014/04/30 职场文书
2014年外联部工作总结
2014/11/17 职场文书
2014年小学语文工作总结
2014/12/20 职场文书
运动会通讯稿300字
2015/07/20 职场文书
《当代神农氏》教学反思
2016/02/23 职场文书
浅谈自定义校验注解ConstraintValidator
2021/06/30 Java/Android
漫画「请问您今天要来点兔子吗?」最新杂志彩页公开
2022/03/24 日漫
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技