跳到主要内容

概览

欢迎阅读 @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 卡片添加自定义操作按钮或页脚内容。
  • 会话感知:自动将连接的 DID Space 与用户会话关联,简化数据持久化。
  • 响应式设计:组件旨在无缝地在桌面和移动设备上工作。

后续步骤

既然您已经对 @blocklet/did-space-react 所提供的功能有了大致了解,就可以开始构建了。请前往快速入门指南,查看有关安装软件包和实现您的第一个 DID Space 连接的分步教程。