<p align="center">
<img src="https://github.com/workos/authkit/assets/896475/9fa7a91e-f5a8-4922-96fb-20a7b478d075" width="72" />
<h1 align="center">AuthKit</h1>
<p align="center">如何使用AuthKit的托管UI或使用无头用户管理API构建您自己的前端</p>
<p align="center"><a href="https://workos.com/docs/user-management">探索文档 ↗</a></strong></p>
</p>
<p align="center">
<img alt="浅色模式下托管UI AuthKit的截图" src="https://github.com/workos/authkit/assets/108872335/200931ff-51fc-4825-894d-696dd17b88f6">
</p>
示例
使用AuthKit有两种方式,本仓库包含了这两种方式的示例:
- 使用AuthKit的托管UI
这是使用AuthKit和WorkOS用户管理为您的应用添加身份验证的最快方式。它包含一个完全可主题化的托管UI,可处理所有身份验证流程。当您准备投入生产时,可以将其指向自定义域名(
auth.yourapp.com
)以匹配您的应用程序。
- 使用您自己的自定义UI
使用AuthKit的所有功能,但通过直接集成无头WorkOS用户管理API在您自己的代码库中构建UI。您的身份验证UI将在您的应用程序中自托管。
前提条件
您需要一个WorkOS账户。
运行示例
-
使用npm install
或yarn install
安装依赖项
-
设置您的环境变量:登录您的WorkOS仪表板,导航至API密钥并复制客户端ID和密钥(API密钥)。
将.env.local.example