可以通过微信内置的接口,调用微信名和微信图片
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({})