简体中文
使用 Logto 构建 Expo (React Native) 认证
学习如何通过集成 Logto SDK 构建 Expo (React Native) 的用户认证流程。
Gao
Founder
Founder
学习如何通过集成 Logto SDK 构建 Expo (React Native) 的用户认证流程。
在本教程中，我们将向你展示如何通过集成 Logto SDK 使用 Expo (React Native) 构建用户身份验证流程。本教程使用 TypeScript 作为编程语言。
在开始之前，请确保你具备以下条件：
要开始，创建一个 "Native" 类型的 Logto 应用。按照以下步骤创建一个 Logto 应用：
然后你应该会看到一个互动指南，引导你完成将 Logto SDK 集成到你的 Expo (React Native) 应用中的过程。以下内容可以作为未来使用的参考。
通过你喜欢的包管理器安装 Logto SDK 和对等依赖：
@logto/rn 包是 Logto 的 SDK。其余的包是其对等依赖。它们不能被列为直接依赖，因为 Expo CLI 要求所有原生模块的依赖都要直接安装在项目根目录的 package.json 中。
导入并使用 LogtoProvider 以提供 Logto 上下文：
切换到 Logto 控制台的应用程序详情页面。添加一个原生重定向 URI（例如，io.logto://callback），然后点击“保存”。
对于 iOS，重定向 URI 方案实际上无关紧要，因为 ASWebAuthenticationSession 类将监听重定向 URI，无论它是否被注册。
对于 Android，重定向 URI 方案必须在 Expo 的 app.json 文件中填写，例如：
现在回到你的应用程序，你可以使用 useLogto 钩子进行登录和登出：
要显示用户信息，可以使用 getIdTokenClaims() 方法：
现在你可以运行应用并尝试使用 Logto 登录/退出：
如果你在集成过程中遇到任何问题，请不要犹豫，加入我们的 Discord 服务器 与社区和 Logto 团队聊天！