微信小程序获取用户信息的三种方式

微信小程序获取用户信息的三种方式

方法一：利用 wx.getUserInfo（）接口

**注意的是这个接口早就说要被废除了 可是还没有，应该会有一天会被废除的 **

在app.js文件下的生命周期函数onshow（）使用此接口

 onShow: function (options) {
  
  
    // 2,获取用户信息可以将用户信息传递给服务器
    wx.getUserInfo({
     success:function(res){
       console.log(res);
       
     }
    })

方法二 button组件 – 将open-type改成getUserInfo，并且绑定bindgetuserinfo事件去获取

先在一个一面的wxml文件写一个按钮如下

  <button open-type="getUserInfo" bindgetuserinfo="handleUserInfo">获取授权</button>

再在js文件写处理函数

//logs.js


Page({
  data: {
  },
  handleUserInfo(event){
    console.log(event.detail.userInfo);
    
  },

})

方法三 使用open-data组件展示用户信息；

下面是这个组件的属性

type属性的合法值如下

获取的方式非常简单，但是只是展示效果

<open-data type="userNickName"></open-data>