微信小程序如何获取openid及用户信息


Posted in Javascript onJanuary 26, 2018

微信小程序获取openid及用户信息的方法

1. 获取openid

1.1 获取code

调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的会话密钥(session_key)。用户数据的加解密通讯需要依赖会话密钥完成。

wx.login({
 //获取code
 success: function(res) {
   code = res.code //返回code
 }
})

1.2 获取openid

拿到上一步获取的code,结合小程序 appid 和 secret 请求接口https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code 换取openid,与 openid 一同被返回的,还包括 session_key,其中 session_key 是对用户数据进行加密签名的密钥。为了自身应用安全,session_key 不应该在网络上传输。

wx.request({
 url: 'https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code='+ code +'&grant_type=authorization_code',
 data: {},
 header: {
   'content-type': 'application/json'
 },
 success: function(res) {
  openid = res.data.openid //返回openid
 }
})

2. 获取用户信息

2.1 在app.js中创建该全局方法

//app.js
getUserInfo:function(cb){
 var that = this
 if(this.globalData.personInfo){
  typeof cb == "function" && cb(this.globalData.personInfo)
 }else{
  //调用登录接口
  wx.login({
   success: function () {
    wx.getUserInfo({
     success: function (res) {
      that.globalData.personInfo = res.userInfo
      typeof cb == "function" && cb(that.globalData.personInfo)
     }
    })
   }
  })
 }
}

2.2 实例化全局方法获取用户信息

var that = this;
//调用应用实例的方法获取全局数据
app.getUserInfo(function (personInfo) {
 //更新数据
 that.setData({
  personInfo: personInfo
 })
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
window.returnValue使用方法示例介绍
Jul 03 Javascript
一个获取第n个元素节点的js函数
Sep 02 Javascript
浅析js预加载/延迟加载
Sep 25 Javascript
JavaScript中文件上传API详解
Apr 01 Javascript
浅谈JS中逗号运算符的用法
Jun 12 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
Jun 17 Javascript
微信小程序 标签传入数据
May 08 Javascript
Angular6笔记之封装http的示例代码
Jul 27 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
Sep 25 Javascript
微信小程序JS加载esmap地图的实例详解
Sep 04 Javascript
antd-mobile ListView长列表的数据更新遇到的坑
Apr 08 Javascript
JS如何在不同平台实现多语言方式
Jul 16 Javascript
微信小程序如何获取用户手机号
Jan 26 #Javascript
Vue header组件开发详解
Jan 26 #Javascript
Vue shopCart 组件开发详解
Jan 26 #Javascript
jquery写出PC端轮播图实例
Jan 26 #jQuery
深入理解vue中slot与slot-scope的具体使用
Jan 26 #Javascript
从零开始最小实现react服务器渲染详解
Jan 26 #Javascript
微信小程序模版渲染详解
Jan 26 #Javascript
You might like
对象失去焦点时自己动提交数据的实现代码
2012/11/06 PHP
探讨:如何使用PHP实现计算两个日期间隔的年、月、周、日数
2013/06/13 PHP
php class类的用法详细总结
2013/10/17 PHP
IIS下PHP的三种配置方式对比
2014/11/20 PHP
thinkPHP3.2.3结合Laypage实现的分页功能示例
2018/05/28 PHP
js中eval详解
2012/03/30 Javascript
js 编码转换 gb2312 和 utf8 互转的2种方法
2013/08/07 Javascript
js获取鼠标点击的位置实现思路及代码
2014/05/09 Javascript
详解Bootstrap插件
2016/04/25 Javascript
JavaScript实现格式化字符串函数String.format
2016/12/16 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
2016/12/21 Javascript
Vue数据驱动模拟实现3
2017/01/11 Javascript
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
2020/08/09 Javascript
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
2017/10/26 Javascript
angularJs中json数据转换与本地存储的实例
2018/10/08 Javascript
Centos5.x下升级python到python2.7版本教程
2015/02/14 Python
python妙用之编码的转换详解
2017/04/21 Python
Python学习笔记之Zip和Enumerate用法实例分析
2019/08/14 Python
浅析python redis的连接及相关操作
2019/11/07 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
css3 中的新特性加强记忆详解
2016/04/16 HTML / CSS
Sperry官网:帆船鞋创始品牌
2016/09/07 全球购物
沙特阿拉伯网上购物:Sayidaty Mall
2018/05/06 全球购物
介绍一下你对SOA的认识
2016/04/24 面试题
内容编辑个人求职信
2013/12/10 职场文书
护理个人求职信范文
2014/01/08 职场文书
医院辞职信范文
2014/01/17 职场文书
生日主持词
2014/03/20 职场文书
工会换届选举方案
2014/05/21 职场文书
在教室放鞭炮的检讨书
2014/09/28 职场文书
员工工作能力评语
2014/12/31 职场文书
房租涨价通知
2015/04/23 职场文书
暂住证证明
2015/06/19 职场文书
普希金诗歌赏析(6首)
2019/08/22 职场文书
Python中Selenium对Cookie的操作方法
2021/07/09 Python
vue配置型表格基于el-table拓展之table-plus组件
2022/04/12 Vue.js