本篇文章給大家?guī)淼膬?nèi)容是關(guān)于小程序引導(dǎo)用戶授權(quán)的思路及項目實現(xiàn)方法（附代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

用戶信息授權(quán)

對于小程序未授權(quán)的用戶，官方取消wx.getUserInfo方法的直接調(diào)用，首次授權(quán)必須主動觸發(fā)自定義按鈕，才可調(diào)起官方授權(quán)組件

可以獲取到的信息有：昵稱、頭像、性別、國家、省份、城市、性別、語言

思路步驟

1、wx.getSetting查看是否授權(quán)

2、已授權(quán)使用wx.getUserInfo獲取用戶信息，保存

3、未授權(quán)顯示帶有button的自定義頁面,bindGetUserInfo會返回用戶信息，該按鈕會調(diào)用微信官方授權(quán)

<button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">允許用戶授權(quán)</button>

4、授權(quán)完成保存用戶信息

項目實現(xiàn)

1、app.js----我放在登陸方法之后

// 查看是否授權(quán),保存授權(quán)狀態(tài)    wx.getSetting({        success: function(res) {            if (res.authSetting['scope.userInfo']) {                wx.setStorageSync('isAuthorize', 'true');                wx.getUserInfo({                    success: function(res) {                   沈陽軟件定制
     wx.setStorageSync('userInfo', res.rawData);                    }                })            } else {                wx.setStorageSync('isAuthorize', 'false');            }        }    })

2、main.wxml------項目主頁面

<!-- 小程序授權(quán)組件 --><authorize id="authorize"></authorize>

3、main.js------onload中進行判斷是否要顯示自定義的按鈕

// 已授權(quán)隱藏彈框，未授權(quán)顯示彈框this.authorize = this.selectComponent("#authorize");if (wx.getStorageSync('isAuthorize')=='true'){    this.authorize.hideDialog()}

4、main.json-----主頁面配置參數(shù)

"usingComponents": {    "authorize": "自定義授權(quán)組件的路徑"}

5、authorize.js------自定義帶有button的頁面/彈窗組件autiorize,這里只貼出js部分

/*authorize.js*/Component({    options: {        multipleSlots: true    },    data: {        isHide: false,        canIUse: wx.canIUse('button.open-type.getUserInfo')    },    methods: {        //隱藏彈框        hideDialog() {            this.setData({                isHide: true            })        },        // 授權(quán)信息保存        bindGetUserInfo(e){            wx.setStorageSync('isAuthorize', 'true');            wx.setStorageSync('userInfo', JSON.stringify(e.detail.userInfo));            this.hideDialog()        }    }})

這樣整個授權(quán)就完成了！

以上就是小程序引導(dǎo)用戶授權(quán)的思路及項目實現(xiàn)方法（附代碼）的詳細內(nèi)容，更多請關(guān)注沈陽網(wǎng)站建設(shè)其它相關(guān)文章！