小程式授權登入的體驗優化
大多數小程式的登入,都是這樣設計的:
進來就提示你需要授權,有部分人可能就會點「拒絕」(拒絕的比例可能超出我們的預估)
然後在後續操作的時候,就進行不下去了。而且小程式會快取一段時間使用者的授權資料,所以又沒辦法再彈出授權登入的頁面,只能刪除小程式,重新進來,重新允許授權才行
我覺得,好的體驗方式是:在必須需要使用者授權登入的頁面或操作(比如支付,建立表單),再提醒使用者。如果使用者還是點「拒絕」,再彈出確認框提示「必須授權登入之後才能操作呢,是否重新授權登入?」
以《微生成》的「我的錢包」頁面為例,這個頁面必須要使用者登入的
//公共的登入方法,只演示邏輯
function login();//登入成功的**
var fail = arguments[1] ? arguments[1] : function(){};//登入失敗的**
var title = arguments[2] ? arguments[2] : '授權登入失敗,部分功能將不能使用,是否重新登入?';//當使用者取消授權登入時,彈出的確認框文案
var user = wx.getstoragesync('user');//登入過後,使用者資訊會快取
if(!user))
},fail: function (res) )}})
} else
},fail: function ()
})} else }}
})}})},
fail: function (res)
})}else
}這樣的話,當使用者進入「我的錢包」頁面,就是這樣了(如果使用者已經登入過,就會直接顯示內容):
1.png
2.png
3.png
小程式登入和授權
wx.login header method post success function e 傳送 res.code 到後台換取 openid,sessionkey,unionid 後端 from rest framework.views import apiview from rest frame...
小程式授權登入流程
primary open type getuserinfo bindgetuserinfo getuserinfo bindgetuserinfo 函式 事件內的引數就是使用者授權後的資訊 獲取使用者資訊按鈕的事件 getuserinfo event event detail 2 獲取code 主要...
微信小程式授權登入
在這裡插入描述 前端部分 編寫自己的介面login.wxml login.js 獲取應用例項 page 生命週期函式 監聽頁面載入 onload function options 登入 dologin function e 後端部分 後端運用的是springboot框架 專案結構 官方教程 官方流程...