本篇文章給大家?guī)?lái)的內(nèi)容是關(guān)于小程序button引導(dǎo)用戶授權(quán)的方法介紹（代碼示例），有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。

wx.getUserInfo(OBJECT) 注意：此接口有調(diào)整，使用該接口將不再出現(xiàn)授權(quán)彈窗，請(qǐng)使用

<button open-type="getUserInfo"></button>

引導(dǎo)用戶主動(dòng)進(jìn)行授權(quán)操作
當(dāng)用戶未授權(quán)過(guò)，調(diào)用該接口將直接報(bào)錯(cuò) 當(dāng)用戶授權(quán)過(guò)，可以使用該接口獲取用戶信息

所以我們要使用上述button來(lái)請(qǐng)求用戶授權(quán)

1.index.wxml

<button     wx:if="{{canIUse}}"     open-type="getUserInfo"     bindgetuserinfo="bindGetUserInfo">授權(quán)登錄</button><view wx:else>請(qǐng)升級(jí)微信版本</view>

2.index.js

Page({  data: {    //判斷小程序的API，回調(diào)，參數(shù)，組件等是否在當(dāng)前版本可用。    canIUse: wx.canIUse('button.open-type.getUserInfo')  },  onLoad: function () {    // 查看是否授權(quán)    wx.getSetting({      success: function (res) {        if (res.authSetting['scope.userInfo']) {          wx.getUserInfo({            success: function (res) {              console.log(res.userInfo)              //用戶已經(jīng)授權(quán)過(guò)            }          })        }      }    })  },  bindGetUserInfo: function (e) {    console.log(e.detail.userInfo)    if (e.detail.userInfo) {      //用戶按了允許授權(quán)按鈕    } else {      //用戶按了拒絕按鈕    }  }})

注：如果未出現(xiàn)微信授權(quán)的彈窗，則可能是因?yàn)橹笆跈?quán)的緩存導(dǎo)致的，因?yàn)橹挥形词跈?quán)才會(huì)出現(xiàn)彈窗，清除緩存即可

本文參考：https://制作軟件

www.html.cn/study/20.html

以上就是小程序button引導(dǎo)用戶授權(quán)的方法介紹（代碼示例）的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注沈陽(yáng)網(wǎng)站建設(shè)其它相關(guān)文章！