這篇文章帶給大家的內容是關於小程式button引導使用者授權的方法介紹（程式碼範例），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。
wx.getUserInfo(OBJECT) 注意：此介面已調整，使用該介面將不再出現授權彈窗，請使用
<button open-type="getUserInfo"></button>
引導使用者主動進行授權操作
當用戶未授權過，呼叫該介面將直接報錯當使用者授權過，可以使用該介面取得使用者資訊
#所以我們要使用上述button來請求使用者授權
1.index.wxml
<button
wx:if="{{canIUse}}"
open-type="getUserInfo"
bindgetuserinfo="bindGetUserInfo"
>授权登录</button>
<view wx:else>请升级微信版本</view>2.index.js
Page({
data: {
//判断小程序的API，回调，参数，组件等是否在当前版本可用。
canIUse: wx.canIUse('button.open-type.getUserInfo')
},
onLoad: function () {
// 查看是否授权
wx.getSetting({
success: function (res) {
if (res.authSetting['scope.userInfo']) {
wx.getUserInfo({
success: function (res) {
console.log(res.userInfo)
//用户已经授权过
}
})
}
}
})
},
bindGetUserInfo: function (e) {
console.log(e.detail.userInfo)
if (e.detail.userInfo) {
//用户按了允许授权按钮
} else {
//用户按了拒绝按钮
}
}
})#註：如果未出現微信授權的彈窗，則可能是因為先前授權的快取導致的，因為只有未經授權才會出現彈窗，清除快取即可
本文參考：https://www.html.cn/study/20.html
#以上是小程式button引導使用者授權的方法介紹（程式碼範例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
