小程序引導用戶授權

huayeluoliuhen 發布于2019-08-23 13:47 / 2816人閱讀

摘要：用戶信息授權對于小程序未授權的用戶，官方取消方法的直接調用，首次授權必須主動觸發自定義按鈕，才可調起官方授權組件可以獲取到的信息有昵稱頭像性別國家省份城市性別語言思路步驟查看是否授權已授權使用獲取用戶信息，保存未授權顯示帶有的自定義頁面會返

用戶信息授權

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

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

思路步驟

wx.getSetting查看是否授權

已授權使用wx.getUserInfo獲取用戶信息，保存

未授權顯示帶有button的自定義頁面,bindGetUserInfo會返回用戶信息，該按鈕會調用微信官方授權

授權完成保存用戶信息

項目實現

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

// 查看是否授權,保存授權狀態
    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");
            }
        }
    })

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

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

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

main.json-----主頁面配置參數

"usingComponents": {
    "authorize": "自定義授權組件的路徑"
}

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
            })
        },
        // 授權信息保存
        bindGetUserInfo(e){
            wx.setStorageSync("isAuthorize", "true");
            wx.setStorageSync("userInfo", JSON.stringify(e.detail.userInfo));
            this.hideDialog()
        }

    }
})

這樣整個授權就完成了！

云服務器 GPU云服務器小程序授權用戶引導用戶引導頁用戶授權

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99552.html

小程序授權功能（廢）

摘要：用戶確認授權用戶取消授權授權成功授權成功重新登陸因外部原因授權失敗因外部原因授權失敗授權提示小程序需要您的微信授權才能使用哦錯過授權頁面的處理方法刪除小程序重新搜索進入點擊授權按鈕小程序登陸和使用授權（親測無效，不用看了，直接看評論）不想重新寫頁面引導用戶授權，因為官方說明 scope 為 scope.userInfo 時，無法彈出授權窗口，請使用理一下思路：登陸操作，獲取用...

K_B_Z 2019-08-22 18:39 評論0 收藏0
小程序開發中的那些小坑

摘要：解決方法用組件替換組件，用微信小程序的實現點擊切換效果除此之外，在中也不能使用組件。接口更改問題微信小程序最近被吐槽最多的一個更改，就是用戶使用開發和體驗版時不會彈出授權，正式版不受影響。最近專門做小程序開發中，跟大家分享下遇到那些不得不處理的小坑，歡迎指正 1.小程序用 WxParse 在手機上不能正確解析 html 代碼并顯示解決辦法：這個是 wxparse 代碼的一個...

CODING 2019-08-29 16:25 評論0 收藏0
小程序開發中的那些小坑

摘要：解決方法用組件替換組件，用微信小程序的實現點擊切換效果除此之外，在中也不能使用組件。接口更改問題微信小程序最近被吐槽最多的一個更改，就是用戶使用開發和體驗版時不會彈出授權，正式版不受影響。最近專門做小程序開發中，跟大家分享下遇到那些不得不處理的小坑，歡迎指正 1.小程序用 WxParse 在手機上不能正確解析 html 代碼并顯示解決辦法：這個是 wxparse 代碼的一個...

jerryloveemily 2019-08-26 12:11 評論0 收藏0
小程序開發中的那些小坑

摘要：解決方法用組件替換組件，用微信小程序的實現點擊切換效果除此之外，在中也不能使用組件。接口更改問題微信小程序最近被吐槽最多的一個更改，就是用戶使用開發和體驗版時不會彈出授權，正式版不受影響。最近專門做小程序開發中，跟大家分享下遇到那些不得不處理的小坑，歡迎指正 1.小程序用 WxParse 在手機上不能正確解析 html 代碼并顯示解決辦法：這個是 wxparse 代碼的一個...

Achilles 2019-08-02 11:14 評論0 收藏0
淺析微信支付：開發前的準備

摘要：本文是淺析微信支付系列文章的第三篇，主要會講一下在開發前的一些注意事項。淺析微信支付系列已經更新兩篇了喲，沒有看過的朋友們可以看一下。開通微信支付需要注冊登陸微信商戶平臺，微信支付相關的信息都需要在這個平臺上進行操作。本文是【淺析微信支付】系列文章的第三篇，主要會講一下在開發前的一些注意事項。淺析微信支付系列已經更新兩篇了喲～，沒有看過的朋友們可以看一下。淺析微信支付：前篇大綱...

yanest 2019-08-16 13:35 評論0 收藏0