小程式授權登入的體驗優化

2022-09-03 15:30:23 字數 868 閱讀 3428

小程式授權登入的體驗優化

大多數小程式的登入,都是這樣設計的:

進來就提示你需要授權,有部分人可能就會點「拒絕」(拒絕的比例可能超出我們的預估)

然後在後續操作的時候,就進行不下去了。而且小程式會快取一段時間使用者的授權資料,所以又沒辦法再彈出授權登入的頁面,只能刪除小程式,重新進來,重新允許授權才行

我覺得,好的體驗方式是:在必須需要使用者授權登入的頁面或操作(比如支付,建立表單),再提醒使用者。如果使用者還是點「拒絕」,再彈出確認框提示「必須授權登入之後才能操作呢,是否重新授權登入?」

以《微生成》的「我的錢包」頁面為例,這個頁面必須要使用者登入的

//公共的登入方法,只演示邏輯

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框架 專案結構 官方教程 官方流程...