day06获取用户名

可以通过微信内置的接口,调用微信名和微信图片

1、xxx.wxml
=====================================
<button open-type="getUserInfo">授权登录</button>
<view>用户名:{{name}}</view>
<view>微信头像:
<image src="{{path}}" style="height:200rpx;200rpx"></image>
</view>
<view bindtap="getUserName">获取登录用户名</view>
============================================
2、xxx.js
getUserName:function(){
    //调用微信接口,获取当前用户的信息
    wx.getUserInfo({
      complete: (res) => {
        //console.log(res.userInfo.nickName);
        this.setData({
          name:res.userInfo.nickName,//微信昵称
          path:res.userInfo.avatarUrl//微信图片
        })
      }  
    })
  }

3、在js文件的data属性中加
  data: {
    path:"/pages/static/man.png"  //默认图片,注意要写绝对路径,从pages开始
  },

一个简单的代码,可以自由的调用微信的信息,确实很神奇。
最后注意事项:
想要获取用户信息,必须经过用户授权(button)。 已授权 不授权,通过调用wx.openSetting
// 打开配置,手动授权。 // wx.openSetting({})



原文地址:https://www.cnblogs.com/sunflying/p/13211090.html