摘要:用戶信息授權(quán)對于小程序未授權(quán)的用戶,官方取消方法的直接調(diào)用,首次授權(quán)必須主動觸發(fā)自定義按鈕,才可調(diào)起官方授權(quán)組件可以獲取到的信息有昵稱頭像性別國家省份城市性別語言思路步驟查看是否授權(quán)已授權(quán)使用獲取用戶信息,保存未授權(quán)顯示帶有的自定義頁面會返
用戶信息授權(quán)
對于小程序未授權(quán)的用戶,官方取消wx.getUserInfo方法的直接調(diào)用,首次授權(quán)必須主動觸發(fā)自定義按鈕,才可調(diào)起官方授權(quán)組件思路步驟可以獲取到的信息有:昵稱、頭像、性別、國家、省份、城市、性別、語言
wx.getSetting查看是否授權(quán)
已授權(quán)使用wx.getUserInfo獲取用戶信息,保存
未授權(quán)顯示帶有button的自定義頁面,bindGetUserInfo會返回用戶信息,該按鈕會調(diào)用微信官方授權(quán)
授權(quán)完成保存用戶信息
項目實現(xiàn)
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"); } } })
main.wxml------項目主頁面
main.js------onload中進行判斷是否要顯示自定義的按鈕
// 已授權(quán)隱藏彈框,未授權(quán)顯示彈框 this.authorize = this.selectComponent("#authorize"); if (wx.getStorageSync("isAuthorize")=="true"){ this.authorize.hideDialog() }
main.json-----主頁面配置參數(shù)
"usingComponents": { "authorize": "自定義授權(quán)組件的路徑" }
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)就完成了!
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/99552.html
摘要:用戶確認授權(quán)用戶取消授權(quán)授權(quán)成功授權(quán)成功重新登陸因外部原因授權(quán)失敗因外部原因授權(quán)失敗授權(quán)提示小程序需要您的微信授權(quán)才能使用哦錯過授權(quán)頁面的處理方法刪除小程序重新搜索進入點擊授權(quán)按鈕 小程序登陸和使用授權(quán)(親測無效,不用看了,直接看評論) 不想重新寫頁面引導用戶授權(quán),因為官方說明 scope 為 scope.userInfo 時,無法彈出授權(quán)窗口,請使用 理一下思路: 登陸操作,獲取用...
摘要:解決方法用組件替換組件,用微信小程序的實現(xiàn)點擊切換效果除此之外,在中也不能使用組件。接口更改問題微信小程序最近被吐槽最多的一個更改,就是用戶使用開發(fā)和體驗版時不會彈出授權(quán),正式版不受影響。 最近專門做小程序開發(fā)中,跟大家分享下遇到那些不得不處理的小坑,歡迎指正 1.小程序用 WxParse 在手機上不能正確解析 html 代碼并顯示 解決辦法: 這個是 wxparse 代碼的一個...
摘要:解決方法用組件替換組件,用微信小程序的實現(xiàn)點擊切換效果除此之外,在中也不能使用組件。接口更改問題微信小程序最近被吐槽最多的一個更改,就是用戶使用開發(fā)和體驗版時不會彈出授權(quán),正式版不受影響。 最近專門做小程序開發(fā)中,跟大家分享下遇到那些不得不處理的小坑,歡迎指正 1.小程序用 WxParse 在手機上不能正確解析 html 代碼并顯示 解決辦法: 這個是 wxparse 代碼的一個...
摘要:解決方法用組件替換組件,用微信小程序的實現(xiàn)點擊切換效果除此之外,在中也不能使用組件。接口更改問題微信小程序最近被吐槽最多的一個更改,就是用戶使用開發(fā)和體驗版時不會彈出授權(quán),正式版不受影響。 最近專門做小程序開發(fā)中,跟大家分享下遇到那些不得不處理的小坑,歡迎指正 1.小程序用 WxParse 在手機上不能正確解析 html 代碼并顯示 解決辦法: 這個是 wxparse 代碼的一個...
摘要:本文是淺析微信支付系列文章的第三篇,主要會講一下在開發(fā)前的一些注意事項。淺析微信支付系列已經(jīng)更新兩篇了喲,沒有看過的朋友們可以看一下。開通微信支付需要注冊登陸微信商戶平臺,微信支付相關(guān)的信息都需要在這個平臺上進行操作。 本文是【淺析微信支付】系列文章的第三篇,主要會講一下在開發(fā)前的一些注意事項。 淺析微信支付系列已經(jīng)更新兩篇了喲~,沒有看過的朋友們可以看一下。 淺析微信支付:前篇大綱...
閱讀 2638·2021-09-30 10:00
閱讀 3558·2021-09-22 10:54
閱讀 6625·2021-09-07 10:28
閱讀 3060·2019-08-29 13:53
閱讀 803·2019-08-29 12:42
閱讀 1035·2019-08-26 13:51
閱讀 1324·2019-08-26 13:32
閱讀 3085·2019-08-26 10:39