首页 > web前端 > js教程 > 在微信小程序中如何获取用户信息(详细教程)

在微信小程序中如何获取用户信息(详细教程)

亚连
发布: 2018-06-09 13:46:06
原创
4102 人浏览过

这篇文章主要介绍了微信小程序如何获取openid及用户信息,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

1. 获取openid

1.1 获取code

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

1

2

3

4

5

6

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 不应该在网络上传输。

1

2

3

4

5

6

7

8

9

10

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中创建该全局方法

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

//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 实例化全局方法获取用户信息

1

2

3

4

5

6

7

8

var that = this;

//调用应用实例的方法获取全局数据

app.getUserInfo(function (personInfo) {

 //更新数据

 that.setData({

  personInfo: personInfo

 })

})

登录后复制

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

通过微信小程序如何实现验证码获取倒计时效果

自定义ajax支持跨域组件(详细教程)

如何实现ajax前台后台跨域请求

以上是在微信小程序中如何获取用户信息(详细教程)的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板