カスタムコンポーネントを Blocklet Store に公開する

このチュートリアルへようこそ👏!ここでは、カスタム PagesKit コンポーネントを Blocklet として公開し、Blocklet Store にアップロードして、公開した Blocklet を別の dApp で使用する方法を学びます。このガイドでは一連のプロセス全体を解説し、独自に構築したコンポーネントをより多くの開発者コミュニティと共有し、さまざまなプロジェクトに簡単に組み込めるようにする方法を紹介します。Blocklet エコシステムに初めて触れる方でも、すでに経験がある方でも、このチュートリアルはコンポーネントを公開・共有するための明確なステップバイステップの手順と実践的なヒントを提供します。それでは始めましょう!
カスタムコンポーネントを Blocklet として公開する
この動画では、PagesKit でのセットアップから Blocklet Store へのアップロードまで、カスタムコンポーネントを Blocklet として公開する手順を解説します。ぜひ動画を見ながら、あなたのコンポーネントを世界中に共有する方法を学んでください!
手順
- Pages Kit エディタでカスタムコンポーネントとデモページを作成する
- ページを公開する(公開するページを少なくとも1つ選択する必要があります)— まずステージングに公開し、その後プロダクションに公開する
- Blocklet を作成する
- テストストアに接続する(Blocklet DID は自動的に生成されます)
- Blocklet の情報を入力する(動画チュートリアルでは省略されています😅)
- Blocklet を公開してテストストアにアップロードする
- テストストアのダッシュボードで公開済みの Blocklet を開く
- 公開して自動公開を有効にする(次回アップロード時に新しいバージョンが自動的に公開されます)
Blocklet Store からカスタムコンポーネントの Blocklet をインストールする
このセクションでは、Blocklet Store からカスタムコンポーネントの Blocklet をインストールし、シームレスにページへ統合する方法を学びます。以下の手順に従って、PagesKit のセットアップに新しい機能をすばやく追加しましょう!
手順
- テストストアから公開済みの Blocklet をインストールする
- ページにカスタムコンポーネントセクションを追加する
- 「Custom Component」の選択フィールドでカスタムコンポーネントを選択して使用する
ArcBlock 公式ストアへの公開方法
ArcBlock 公式ストアへの公開に関する詳細なガイドについては、以下のリンクをご参照ください。
フィードバックをお寄せください
PagesKit を使って、さらに素晴らしい AI アプリケーションを作っていただけることを楽しみにしています。ご要望やご提案、利用中に問題が発生した場合は、コミュニティで遠慮なくお知らせください。私たちは全力でサポートいたします。皆様からのフィードバックは私たちにとって非常に重要です。
このページに関わるもの
製品
-
Blocklet Store
sunset
Blocklet が公開され、見つけられ、インストールされていた場所。ARC はこれを別の方法で扱うため、Store は不要になりました。
-
Pages Kit
superseded
レイアウトを手書きせずにサイトのページを作成し、テーマを設定します。この機能は ARC に統合され、単体の Blocklet は保守されていません。
-
Web3 Kit
superseded
オンチェーンのデータとアカウントを扱う Blocklet 側の部品。この機能は ARC に統合され、単体の Blocklet は保守されていません。
用語
-
Blocklet
Blocklet は ARC の deployable unit です。アプリケーションが宣言する content、configuration、runtime の要件を一緒に保ち、実行する単位を理解し管理しやすくします。