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

用戶(hù)信息授權(quán)

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

可以獲取到的信息有：昵稱(chēng)、頭像、性別、國(guó)家、省份、城市、性別、語(yǔ)言

思路步驟

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

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

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

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

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

項(xiàng)目實(shí)現(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) {                   沈陽(yáng)軟件定制
     wx.setStorageSync('userInfo', res.rawData);                    }                })            } else {                wx.setStorageSync('isAuthorize', 'false');            }        }    })

2、main.wxml------項(xiàng)目主頁(yè)面

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

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

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

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

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

5、authorize.js------自定義帶有button的頁(yè)面/彈窗組件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()        }    }})

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

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