跳至內容

產品

從門口到座位,一切所需。

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 />
}

帶你的使用者入內。

建立工作區和專案,你的第一個環境就會附帶專屬的簽發者、金鑰和 Lobby。

登入一次,處處受歡迎。