使用 Logto 建立 Expo (React Native) 認證
學習如何透過集成 Logto SDK,在 Expo (React Native) 中建立用戶認證流程。
學習如何透過集成 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),然後點擊「Save」。
對於 iOS,重定向 URI 協議實際上並不重要,因為 ASWebAuthenticationSession 類會監聽重定向 URI,不管它是否已註冊。
對於 Android,重定向 URI 協議必須填寫在 Expo 的 app.json 文件中,例如:
現在回到你的應用程式,你可以使用 useLogto 鉤子來登入和登出:
要顯示用戶資訊,你可以使用 getIdTokenClaims() 方法:
現在你可以運行應用程序並嘗試使用 Logto 登錄/登出:
如果在集成過程中遇到任何問題,請隨時 加入我們的 Discord 服務器 與社區和 Logto 團隊聊天!