跳到主要內容

總覽

歡迎閱讀 @blocklet/did-space-react 的文件。此函式庫提供了一組 React 元件,旨在簡化將 DID Space 整合到您的應用程式中的過程。透過這些工具,您可以輕鬆地讓使用者連接他們的 DID Space 並顯示相關資訊,從而創造無縫且去中心化的使用者體驗。

此套件的主要目標是將 DID Space 互動的複雜性抽象化,提供簡單、可重複使用的元件來處理連線流程、資料顯示和狀態更新。

核心元件

此套件圍繞兩個核心元件建構,涵蓋了 DID Space 整合的基本功能:

DIDSpaceConnect

一個按鈕元件,用於啟動與 DID Space 的連線過程。它管理驗證流程並處理使用者的初始連線和重新連線。

DIDSpaceConnection

一個多功能的顯示卡,用於展示已連線 DID Space 的詳細資訊,包括其名稱、DID、連線狀態和其他相關資訊。它被設計為易於自訂。

運作方式

這些元件協同工作,提供完整的使用者旅程。DIDSpaceConnect 元件處理驗證和連線邏輯,而 DIDSpaceConnection 元件則將連線結果視覺化。

Overview

主要功能

  • 簡化整合:只需最少的配置即可快速啟動並執行。
  • 內建 UI:提供即用型元件用於連線和顯示,節省開發時間。
  • 靈活且可自訂:輕鬆客製化元件的外觀和功能,例如為 DIDSpaceConnection 卡片新增自訂操作按鈕或頁腳內容。
  • 感知 Session:自動將已連線的 DID Space 與使用者的 Session 關聯,簡化資料持久化。
  • 響應式設計:元件設計旨在無縫地在桌面和行動裝置上運作。

後續步驟

現在您已經對 @blocklet/did-space-react 提供的功能有了總覽,可以開始建構了。請前往 開始使用 指南,以取得安裝套件和實現您的第一個 DID Space 連線的逐步教學。