本文は、静的な HTML プロジェクトを Blocklet にビルドしてパッケージ化してストアに公開する方法を概説します。本文を読む前に、Blocklet CLI 環境をインストールしてください。Blocklet CLI のインストール方法については、公式ドキュメントを参照してください。
YouTube ビデオをアップロードしました：https://www.youtube.com/watch?v=0gLtAos1WS0
-
静的な HTML プロジェクトを探す
自分自身の HTML プロジェクトであるか、GitHub で興味のあるオープンソースの HTML プロジェクトを探すことができます。この記事では「jump」というプロジェクトを例に説明しますが、他の HTML プロジェクト（例：スネークゲーム、マインスイーパーなど）でも構いません。プロジェクトの ZIP ファイルをダウンロードして解凍します。 -
Blocklet の初期化
ステップ 1 でプロジェクトのフォルダ（フォルダ名を「jump」と仮定）を取得します。
#フォルダのディレクトリに移動します。各自の状況に応じて修正してください。
cd jump
#Blocklet の初期化
blocklet init
初期化の間に、いくつかの基本情報を入力する必要があります。以下の図のように入力が完了すると、ブラウザウィンドウが表示され、ウォレットを接続して公式ストアでアプリの DID を生成する必要があります。
-
検証とパッケージ化
-
検証の実行
#HTML プロジェクトが正常に動作するかを検証します。
blocklet dev
成功すると、以下の図のようなアプリのリンクが表示されます。リンクをコピーしてブラウザで正常に動作するかを確認します。 -
パッケージ化
検証が正常に完了したら、パッケージ化する前にプロジェクトの情報を設定することができます。プロジェクト全体がより公式な見た目になるように、以下のファイルに注目してください：blocklet.yml、blocklet.md。これらのフィールドはストアのアプリ情報に対応しています。
@shijun さんが言及したように、オープンソースのリポジトリからプロジェクトをビルドする場合：
blocklet.yml に出典を明記してください。
プロジェクトのライセンスに問題がないことを確認してください。侵害を避けてください。
さらに、後続の静的な HTML プロジェクトには、blocklet.yml で依存関係を設定する必要があります。
engine:
interpreter: blocklet
source:
store: https://store.blocklet.dev
name: z2qa2dGC9EmsjB2WJtUcmuRWx43zTwPUZQF7g
version: latest
オープンソースのプロジェクトの場合は、blocklet.yml に出典を明記してください。
repository:
type: git
url: git+https://github.com/blocklet/html-2048-sample.git
プロジェクトの基本情報の設定が完了したら、パッケージ化を開始します。
blocklet bundle --zip --create-release
- 公開
公開する前に、まず blocklet store の dev アクセス許可証を取得する必要があります。自分で blocklet store を起動するか、公式ストアに dev アクセス許可証を申請することができます（プロジェクトの関係者に直接連絡してください）。
dev アクセス許可証を取得したら、このページでキーを申請し、以下のコマンドを実行します。
#ストア情報の設定（以下の情報は例です。実際のコピー内容に従ってください）
blocklet config set accessToken z2K8qz2DdixZUoTuYLUf5wBDWy**************snhaJHpC5YwGjii8SvunJrDGxk9n
blocklet config set store https://test.store.blocklet.dev
blocklet config set developerDid z1XwQif7VXcM****SksVC3sgqKtfR8
#ストアにアップロード
blocklet upload
アップロードが成功したら、blocklet store のバックエンドで公開する必要があります。初回の公開では、ステークを行う必要があります。この例では、公式のテストストアを使用しているため、5 つの TBA が必要です。無料で入手することができます。
公開に成功すると、ストアのホームページでアプリを確認できます。