這篇文章帶給大家的內容是關於小程式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中文網其他相關文章!