產品
從門口到座位,一切所需。
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 的即時元件
在淺色頁面上
在深色頁面上
與其他選項並列
在託管的表單下方由 Usher Identity 保護
<SignIn />和<UserButton />將隨 SDK 推出。 隨 SDK 推出- 在那之前,任何 OpenID Connect 程式庫現在就能讓用户登入。
@usher/nextjs(隨 SDK 推出)
// 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 />
}