iT邦幫忙

2021 iThome 鐵人賽
0
Software Development

用Keycloak學習身份驗證與授權系列 第 37 篇

Day34 - 【實戰篇-預告】使用iFrame實現Dialog彈跳登入

13th鐵人賽 keycloak oidc
3576 瀏覽

  • 分享至 

  • xImage
    •  

本系列文之後也會置於個人網站

oidc-client 提供了幾種登入方式:

  • 跳轉頁面登入
    也就是先到登入頁面之後再跳轉回來應用頁面。
  • 彈跳視窗登入
    彈跳出一個登入視窗，登入後自動關閉。現今瀏覽器預設多會阻擋彈跳視窗，使用起來體驗可能不是很好。
  • 靜默登入
    一般不會直接使用。在隱含模式時，用於更新存取權杖

接者來說說這各項細節，以及未直接支援的iFrame登入。一般而言iFrame也有一些安全政策，接者會來調整相關安全設定，並透過iFrame呈現一個頁面上的Dialog彈跳登入對話框。最後效果呈現下面GIF(或可以到YouTube看實現結果的影片):

Yes


上一篇
Day33 - 【實戰篇-預告】Device Code(4)
下一篇
【雜談】 今天就來點閒聊吧②
系列文
用Keycloak學習身份驗證與授權 共 41 篇
  1. 37
    Day34 - 【實戰篇-預告】使用iFrame實現Dialog彈跳登入
  2. 38
    【雜談】 今天就來點閒聊吧②
  3. 39
    【預告】沒想到鐵人賽結束才是鐵人的開始Orz - 遺珠之憾
  4. 40
    【雜談】 今天就來點閒聊吧③ - 鐵人賽觀察之有意思的系列
  5. 41
    系列目錄
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22053 篇
完賽人數
594 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙