button组件中的open-type
<button open-type=""></button>中的open-type用于提供微信开放能力。open-type有如下合法值：
contact，打开客服会话，如果用户在会话中点击消息卡片后返回小程序，可以从bindcontact 回调中获得具体信息。
share，触发用户转发。
getPhoneNumber，获取用户手机号，可以从bindgetphonenumber回调中获取用户信息。
getUserInfo，获取用户信息，可以从bindgetuserinfo回调中获取用户信息。
launchApp，打开APP。
openSetting，打开授权设置页。
feedback，打开“意见反馈”页面。
<!--index.wxml-->
<button open-type="contact" bindcontact="contact">contact </button>
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">getPhoneNumber</button>
<button open-type="getUserInfo" bindgetuserinfo="getUserInfo">getUserInfo</button>
// index.js
Page({
contact:function(e){
console.log(e.detail);
},
getPhoneNumber:function(e){
console.log(e.detail);
},
getUserInfo:function(e){
console.log(e.detail.userInfo);
}
})
使用单击按钮，提示用户授权，用户授权同意后才可以获取用户信息。
<!--index.wxml-->
<view class="container">
<button wx:if="{
{!hasUserInfo}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo">获取头像昵称</button>
<view class="userinfo" wx:else>
<image src="{
{userInfo.avatarUrl}}"></image>
<text>{
{userInfo.nickName}}</text>
</view>
</view>
// index.js
Page({
data:{
hasUserInfo:false,
userInfo:{}
},
getUserInfo:function(e){
console.log(e);
console.log(e.detail.userInfo);
if(e.detail.userInfo){
this.setData({
userInfo:e.detail.userInfo,
hasUserInfo:true
})
}
}
})
getUserInfo几乎没有给出用户信息。这是因为自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息，
微信提供getUserProfile()来替代getUserInfo()
接口getUserProfile
接口getUserProfile用来替换getUserInfo，以获取用户信息。
页面产生点击事件后才可调用，每次请求都会弹出授权窗口，用户同意后返回userInfo，详见下面的例子。
<!--index.wxml-->
<view class="container">
<button wx:if="{
{!hasUserInfo}}" bindtap="getUserProfile">获取头像昵称</button>
<view class="userinfo">
<image src="{
{userInfo.avatarUrl}}"></image>
<view>{
{userInfo.nickName}}</view>
</view>
</view>
// index.js
Page({
data:{
hasUserInfo:false,
userInfo:{}
},
getUserProfile:function(){
wx.getUserProfile({
desc: '获取用户信息',
success:(res) => {
console.log(res.userInfo);
this.setData({
hasUserInfo:true,
userInfo:res.userInfo
})
}
})
}
})
getUserProfile()的success回调函数的参数res，它包含如下属性，
errMsg，错误信息。
userInfo，用户信息对象，不包含openid等敏感信息。
rawData，不包含敏感信息的原始数据字符串，用于计算签名。
signature，使用sha1(rawData+session_key)得到字符串，用于校验用户信息。
encryptedData，包含敏感数据在内的完整用户信息的加密数据。
iv，加密算法的初始向量。
如果小程序前台需要向小程序后台发送用户信息，可以通过wx.request()来实现
查看授权结果
wx.getSetting获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。看个小例子。
<!--index.wxml-->
<button bindtap="getSetting">查看授权结果</button>
// index.js
Page({
getSetting:function(){
wx.getSetting({
success:(res) => {
console.log(res.authSetting);
if(res.authSetting["scope.userInfo"]){
wx.getUserInfo({
success: (res) => {
console.log(res.userInfo);
}
})
}
}
})
}
})
res.authSetting中包含
scope.address，通讯地址scope.invoice，发票scope.invoiceTitle，发票抬头scope.userInfo，用户信息
组件 open-data用于展示微信开放的数据。所谓“开放”的数据，就是不需要用户授权就可以显示的数据，如用户的头像、昵称、性别等。
开放数据的类型，有如下合法值，
groupName
userNickName，用户昵称
userAvatarUrl，用户头像
userGender，用户性别
userCity，用户所在城市
userProvince，用户所在省份
userCountry，用户所在国家
userLanguage，用户的语言
开放数据的类型，有如下合法值，
groupName
userNickName，用户昵称
userAvatarUrl，用户头像
userGender，用户性别
userCity，用户所在城市
userProvince，用户所在省份
userCountry，用户所在国家
userLanguage，用户的语言