本文由簡體中文內容自動轉碼而成。阿里雲不保證此自動轉碼的準確性、完整性及時效性。本文内容請以簡體中文版本為準。

自訂登入和登出

更新時間:2024-12-09 08:03
說明

Basic UI 提供了自訂登入和登出功能。

如果配置了自訂登入頁面URL,BasicUI會使用該自訂頁面登入,而不是使用預設的登入頁面。

自訂登入需要配合 JWT 應用( JWT應用接入 )一起使用。

1 自訂登入

(1) 登入配置:

配置前請先確保您的應用已經使用 JWT 應用( JWT應用接入)接入。

您需要提供自訂登入頁面的URL和 JWT 應用的AppID:

2024-10-30_18-10-17.png

(2) 原理:

  1. 使用者點擊登入按鈕,BasicUI會路由跳轉到 /clogin,該視圖通過iframe 嵌入自訂登入頁面的URL。

  2. 使用者登入成功後,需要向iframe的parent postMessage,將token資訊傳遞給BasicUI。

login

具體程式碼範例:

if(parent!=self){
  parent.postMessage({
    code: 'token',
    message: {
       access_token: 'xxxx',
       refresh_token: 'xxxx',
       ......
    }
  }, "*")
}

2 自訂登出

(1) 登出配置:

2024-10-30_18-10-17-1.png

(2) 登出原理:

  1. 配置了“自訂登出頁面URL”之後,使用者在BasicUI點擊登出,BasicUI會路由跳轉到/clogout,該視圖用iframe 嵌入了您配置的“自訂登出頁面URL”。

  2. 在自訂登出頁面中,退出登入態後,需要postMessage通知iframe的parent,BasicUI會清空登入態,然後跳轉到首頁。

logout

具體程式碼範例:

if (parent !== elf) {
  parent.postMessage({
    code: 'logout',
  }, "*");
}
  • 本頁導讀 (1, M)
  • 1 自訂登入
  • 2 自訂登出
文檔反饋