微信小程序如何获取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 相关文章推荐
jQuery 页面载入进度条实现代码
Feb 08 Javascript
jQuery文本框(input textare)事件绑定方法教程
Apr 24 Javascript
js获取select选中的option的text示例代码
Dec 19 Javascript
JS实现往下不断流动网页背景的方法
Feb 27 Javascript
jquery性能优化高级技巧
Aug 24 Javascript
javascript实现仿百度图片的瀑布流加载效果
Apr 20 Javascript
详解node.js 下载图片的 2 种方式
Mar 02 Javascript
vue实现学生录入系统之添加删除功能
Jul 11 Javascript
JavaScript根据json生成html表格的示例代码
Oct 24 Javascript
vue学习笔记之slot插槽用法实例分析
Feb 29 Javascript
vue 使用原生组件上传图片的实例
Sep 08 Javascript
js实现淘宝浏览商品放大镜功能
Oct 28 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
使用php来实现网络服务
2009/09/15 PHP
PHP生成网站桌面快捷方式代码分享
2014/10/11 PHP
php通过session防url攻击方法
2014/12/10 PHP
Laravel 5框架学习之Blade 简介
2015/04/08 PHP
PHP模板解析类实例
2015/07/09 PHP
PHP面向对象多态性实现方法简单示例
2017/09/27 PHP
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
最新28个很棒的jQuery 教程
2011/05/28 Javascript
js原生appendChild的bug解决心得分享
2013/07/01 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
2013/12/30 Javascript
Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面
2016/07/01 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
2016/11/25 Javascript
原生js实现选项卡功能
2017/03/08 Javascript
深入理解ES7的async/await的用法
2017/09/09 Javascript
ng-zorro-antd 入门初体验
2018/12/03 Javascript
Ant Design Pro 之 ProTable使用操作
2020/10/31 Javascript
[01:21:36]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
利用Python批量生成任意尺寸的图片
2016/08/29 Python
Django框架模板文件使用及模板文件加载顺序分析
2019/05/23 Python
基于打开pycharm有带图片md文件卡死问题的解决
2020/04/24 Python
django 连接数据库出现1045错误的解决方式
2020/05/14 Python
Python如何在windows环境安装pip及rarfile
2020/06/15 Python
keras 自定义loss model.add_loss的使用详解
2020/06/22 Python
python自动从arxiv下载paper的示例代码
2020/12/05 Python
详解CSS 3 中的 calc() 方法
2018/01/12 HTML / CSS
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
乌克兰电子产品和家用电器购物网站:TOUCH
2019/08/09 全球购物
运动会解说词200字
2014/02/06 职场文书
大学军训感想
2014/02/12 职场文书
事业单位分类改革实施方案
2014/03/21 职场文书
党员干部观看《周恩来四个昼夜》思想汇报
2014/09/10 职场文书
群众路线个人对照检查材料2014
2014/09/26 职场文书
大班上学期个人总结
2015/02/13 职场文书
2016大一新生军训心得体会
2016/01/11 职场文书
商业计划书如何写?关键问题有哪些?
2019/07/11 职场文书
ajax请求前端跨域问题原因及解决方案
2021/10/16 Javascript