@arcblock/did-connect-react 函式庫提供了一組強大的 React hooks,可提供程式化控制和靈活的資料存取。雖然 SessionProvider 提供了一種方便的基於上下文的方法,但 hooks 為您提供了複雜 UI 和進階用例所需的精細控制。
這些 hooks 讓您可以在 SessionProvider 作用域內的任何元件中管理連接流程、存取使用者資料以及整合各種身份驗證方法。
useConnect
以程式化方式開啟、關閉和管理 DID Connect UI 互動視窗。這是控制連接流程的核心 hook。
useDid
一個方便的實用工具 hook,可輕鬆從 session 中存取和使用通過身份驗證的使用者的 DID、個人資料和錢包資訊。
useOAuth & usePasskey
整合現代的替代身份驗證方法。`useOAuth` 處理社交登入,而 `usePasskey` 則啟用安全、無密碼的身份驗證。
總結
透過利用這些 hooks,您可以建構高度客製化和無縫的使用者體驗。首先探索 useConnect 以了解如何觸發登入流程,然後看看 useDid 如何幫助您顯示使用者資訊。
準備好深入了解了嗎?從上面選擇一個 hook 以了解更多資訊,或前往 UI Components 部分查看如何顯示使用者資料。