產品
從門口到座位,一切所需。
Usher Identity 在門口查驗門票,再帶使用者入座:先驗證身分,再授權。由四個部分分工完成。
Lobby
代管的登入頁面。
按下「使用 Usher Identity 繼續」後,就會來到這裡。它一定會指出使用者要前往的產品,而且不論是哪個產品帶他們來,看起來都一樣,讓大家認得 Usher Identity 的樣子,也能在不對勁時察覺。
每一種登入方式
通行密鑰、電子郵件驗證碼、魔術連結、社群帳號登入,以及(如果你需要的話)密碼。
雙重認證
驗證器 App 與備用碼,可設為選用,或對所有人強制要求。
誰可以加入
開放註冊,或使用列出電子郵件地址與網域的賓客名單,其餘的則以封鎖名單擋下。
兩種主題都一樣從容
淺色與深色,每組顏色都通過 WCAG 2.2 AA 檢查,而且文字以歡迎為主,而不是警告。
Usher Identity 帳號
一個帳號,通行每扇門。
Usher Identity 帳號屬於使用者本人。它能登入每個使用 Usher Identity 帳號的產品,也讓使用者在同一個地方管理它。
用自己的方式登入
加入通行密鑰、開啟驗證器 App、更改電子郵件。
看得見的裝置
每部已登入的裝置,以及將任何一部登出的方法。
已連結的帳號
他們連結過的社群帳號,以及解除連結的方法。
離開很容易
使用者可以自行刪除帳號。
Usher Identity Console
開發者管理一切的地方。
工作區包含專案,專案包含環境。每個環境都是獨立的簽發者,擁有自己的使用者、應用程式、金鑰和 Lobby。
應用程式
機密與公開用戶端,搭配完全相符的重新導向 URI,以及機器對機器的憑證。
使用者與組織
尋找使用者、結束他們的工作階段,並管理組織、團隊與邀請。
金鑰
查看環境的簽署金鑰並加以輪替。
即時 Lobby 預覽
從一個絕不會讓任何人登入的預覽主機,看看使用者眼中的 Lobby。
SDK 與元件
大家一眼就認得的按鈕。
「使用 Usher Identity 繼續」在每個產品中看起來都一樣,就像大家早已熟悉的那些登入按鈕。它的標籤會沿用你的字體,除此之外什麼都不變。
來自 @usher/ui 的即時元件
<SignIn />和<UserButton />將隨 SDK 推出。 隨 SDK 推出- 在那之前,任何 OpenID Connect 程式庫現在就能讓使用者登入。
// app/layout.tsx
import { UsherProvider } from '@usher/nextjs'
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body>
<UsherProvider>{children}</UsherProvider>
</body>
</html>
)
}
// app/page.tsx
import { SignIn, UserButton, currentUser } from '@usher/nextjs'
export default async function Page() {
const user = await currentUser()
return user ? <UserButton /> : <SignIn />
}