メインコンテンツへスキップ

再利用可能な DID Space コンポーネント

XianLing
DID SpacesProduct ReleaseStorage

DID Space への接続は、Blocklet アプリケーションが DID Spaces サービスを利用するための最初のステップです。このプロセスを効率化するために、開発者が DID Space の接続を確立し表示することを支援するために設計された専用のコンポーネントライブラリ：@blocklet/did-space-react を提供しています。

概要

このコンポーネントライブラリは、主に以下を提供します：

  1. <DIDSpaceConnect> コンポーネント：このコンポーネントを使用すると、ページ上に DID Space に接続するためのボタンを簡単に作成できます。ボタンをクリックして DID Space への接続に成功すると、システムは spaceGateway オブジェクトを返します。これには、DID Space の名前、DID、サイト URL などの情報が含まれます。開発者は、必要に応じてこのオブジェクトの保存方法を選択できます。コード例については、デモ を参照してください。
  2. <DIDSpaceConnection> コンポーネント：このコンポーネントは、接続された DID Space の基本情報と接続ステータスを表示します。コード例については、デモ を参照してください。

デモケース

ウォレット経由で DID Space に接続する

Blocklet Server コントロールパネルを例にとると、<DIDSpaceConnect> コンポーネントによって提供される Connect with DID Wallet（DID Wallet で接続）機能をクリックします：

image.png

次に、ウォレットに表示された NFT の中から対象の DID Space を選択します：

image.png

最後に、<DIDSpaceConnection> コンポーネントを使用して、接続された DID Space を表示します：

image.png

ゲートウェイアドレス経由で DID Space に接続する

<DIDSpaceConnect> コンポーネントは、DID Space ゲートウェイアドレスを介したターゲット接続の開始もサポートしています。これにより、DID Wallet 経由で接続する際に多数の NFT から選択する手間が省けます。

まず、Connect using the DID Spaces gateway 機能をクリックします：

image.png

次に、DID Space ゲートウェイアドレスを入力します（DID Space ゲートウェイアドレスの取得方法がわからない場合は、チュートリアル を参照してください）：

image.png

接続プロセス中、ターゲットとなる DID Space の NFT のみが表示されます：

image.png

最後に、接続を完了し、<DIDSpaceConnection> コンポーネントを使用して表示します：

image.png

DID Space 接続ステータスの説明

  • 接続済み：緑色の接続ステータスは、DID Space が正常に動作していることを示し、バックアップやデータ入力などの操作が可能です：

image.png

  • 切断済み：灰色の切断ステータスは、DID Space への接続が中断されており、再接続が必要であることを示します：

image.png

  • 接続エラー：赤色のエラーステータスは、この DID Space が利用不可であることを示します。ユーザーは表示されたプロンプトに従って問題を解決する必要があります：

image.png

DID Space の一般的な異常ステータス

  • 使用量不足：ウォレットアカウント用に自動作成されたものなど、使用制限がある DID Space では、ストレージユニットが完全に使用されると通知が表示されます：

image.png

  • サブスクリプション期限切れ：有料のエンタープライズ DID Space のサブスクリプションが期限切れになった場合、サブスクリプションが失効したことを知らせる通知が表示されます：

image.png

  • 請求書の支払い遅延：エンタープライズ版 DID Space で支払い期限を過ぎた請求書がある場合、滞納ステータスに関する通知が表示されます：

image.png

  • バージョンの不整合：古いバージョンの DID Space を使用しているユーザーには、アップグレードのプロンプトが表示されます。アップグレードしない限り、バックアップやその他の操作を実行することはできません：

image.png

  • CORS インターセプト：CORS インターセプトエラーが発生した場合、通常は DID Spaces のセキュリティ設定に関連しています。詳細な解決策については、関連ドキュメント を参照してください。

image.png

  • ネットワークエラー：ネットワーク接続の問題、サーバーの障害、またはターゲットの DID Space サービスが利用できない場合、システムはネットワークエラーメッセージを表示します：

image.png

追加の機能強化

アプリケーション起動プロセス

DID Spaces への接続を必要とするアプリケーションでは、最新の DID Space 接続コンポーネントによりインストールプロセスが簡素化されました：

image.png

ダッシュボード

DID Spaces はトップレベルメニューに昇格し、管理者が DID Space 接続を管理しやすくなりました。

「バックアップ」タブは、DID Spaces のバックアップと復元を設定するために使用されます：

image.png

「ストレージ」タブは、アプリケーションのビジネスデータを保存するための DID Spaces を設定するために指定されています：

image.png

プロフィール

プロフィールページには最新の DID Space コンポーネントが組み込まれ、セッションレベルの DID Spaces 設定がサポートされるようになりました。これにより、ユーザーは接続をより効果的に管理できるようになります：

image.png

セッション管理

ユーザーメニューには、接続されているセッションレベルの DID Spaces が表示されるようになり、ユーザーはいつでも簡単にそれらを確認したり切り替えたりできるようになりました：

image.png

バグバウンティプログラムに参加して、サービスの向上にご協力ください。

サービスの使用中にニーズ、提案、質問がある場合は、ArcBlock コミュニティ にアクセスしてフィードバックを共有してください。最善を尽くしてお手伝いします。また、バグバウンティプログラムに参加して、DID Spaces の製品体験の向上を支援することもできます。

ArcBlock 202412 バグバウンティ

音声サマリーを聴く

このページに関わるもの

製品

  • DID Spaces renamed

    DID に紐づくデータ空間。個人用の空間を作ることも、あるタスクが必要とする権限とデータモデルでアプリケーションを接続することもできます。