微信小程序入门 -- 获取昵称 + 头像

在index.wxml中 : 

<!--index.wxml-->
<navigation-bar title="Weixin" back="{{false}}" color="black" background="#FFF"></navigation-bar> 
  <view class="container">
  <view>
    {{msg}}
  </view>
  <view>
    <button type="primary" bindtap="getUserInfo">获取用户信息</button>
    昵称:{{nickName}}
    <image style="height: 100px;width:100px;" src="{{url}}"></image>
  </view>
  </view>

• 其中展示一个msg;
• 设置一个按钮，绑定getUserInfo方法，也就是点击按钮就可以运行getUserInfo方法，按钮标识为获取用户信息，然后通过插值表达式来标识昵称和头像

在index.js中

// index.js
Page({
  data:{
    msg : 'Hello World!',
    nickName : '',
    url : ''
  },
  // 获取微信用户的头像和昵称
  getUserInfo(){
    wx.getUserProfile({
      desc: '获取用户信息',
      success : (res)=>{
        console.log(res.userInfo)
        // 为数据赋值
        this.setData({
          nickName:res.userInfo.nickName,
          url : res.userInfo.avatarUrl
        })
      }
    })
  }
})

• 通过内置方法返回相应的数据;