获取微信身份信息

• 基础

展示身份信息

如果要在页面上展示当前用户的身份信息，可以使用小程序提供的<open-data组件。 打开home.wxml文件，代码修改如下。

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

上面代码中，<open-data组件的type属性指定所要展示的信息类型，userAvatarUrl表示展示用户头像，userNickName表示用户昵称。

<open-data支持的用户信息如下。

• userNickName：用户昵称
• userAvatarUrl：用户头像
• userGender：用户性别
• userCity：用户所在城市
• userProvince：用户所在省份
• userCountry：用户所在国家
• userLanguage：用户的语言 这个示例的完整代码，可以参考代码仓库。

获取身份信息

如果想拿到用户的个人信息，必须得到授权。官方建议，通过按钮方式获取授权。 打开home.wxml文件，代码修改如下。

<view>
  <text class="title"hello {{name}}</text>
  <button open-type="getUserInfo" >bind:getuserinfo="buttonHandler">
    授权获取用户个人信息
  </button>
</view>

上面代码中，<button>标签的open-type属性，指定按钮用于获取用户信息，bind:getuserinfo属性表示点击按钮会触发getuserinfo事件，即跳出对话框，询问用户是否同意授权。