本系列同樣發表於iThome體人賽 - 用Keycloak學習身份驗證與授權。

本頁後面還有一些小後記喔~

• 【用Keycloak學習身份驗證與授權01】Quick Start(1)
• 【用Keycloak學習身份驗證與授權02】Quick Start(2)
• 【用Keycloak學習身份驗證與授權03】淺談身份驗證與授權(1)
• 【用Keycloak學習身份驗證與授權04】淺談身份驗證與授權(2)
• 【用Keycloak學習身份驗證與授權05】什麼是Keycloak
• 【用Keycloak學習身份驗證與授權06】Keycloak的替代品
• 【用Keycloak學習身份驗證與授權07】什麼是OAuth
• 【用Keycloak學習身份驗證與授權08】OAuth 2
• 【用Keycloak學習身份驗證與授權09】再談身份驗證與授權
• 【用Keycloak學習身份驗證與授權10】深入OAuth 2

這次應用使用PySide來實現界面；qrcode來產生需要的QR Code；並使用requests來與身份驗證與授權伺服器的API溝通。現在透過pip進行安裝需要的packages。

pip install PySide6 requests qrcode

其實本來可以考慮用electron.js，但是基於一些考量，最後決定使用PySide。

在昨天，透過Qt Designer建立了兩個需要的使用者界面，今天來實現邏輯部分。

建立Widget

在之前所設計的ui檔案分別是：example-device-code-app.ui和login-dialog.ui。這部分會分別將這兩份載入到類別內使用。所以同樣來建立兩個Widgets:ExampleDeviceCodeApp和loginDialog。