デプロイと公開

モックアップ・ワイヤーフレームを作成したら、成果を MockKit に公開して、他の作業者と共同作業を行うことができます。

なおモックアップ・ワイヤーフレームの作成方法は、要素と属性を参照してください。

静的サイトの生成

まず、公開する静的サイト（モックアップ・ワイヤーフレームのページ）を生成します。

以下のコマンドで、ビルド出力先ディレクトリに静的サイトが生成されます。

$ npx @mockkit/cli generate

API キーの設定

静的サイトを MockKit に公開するには、API キーを設定する必要があります。

まず、MockKit にログインして、API キーを取得します。

取得したら、以下のコマンドで API キーを設定します。

$ npx @mockkit/cli configure

対話型の設定スクリプトが実行されます。入力した API キーは、お使いの端末のホームディレクトリ以下 ~/.mockkit/credentials.json に保存されます。

静的サイトの公開

以下のコマンドで、静的サイトを MockKit に公開します。

$ npx @mockkit/cli publish

対話型の設定スクリプトが実行されます。

Available sites:
1. サンプルサイト1 (a2ca39af-779c-43e7-bd56-2a5d73e30a10)
2. サンプルサイト2 (a0838468-b6ea-400b-bb53-96ab2e369f45)
✔ Enter a site number from the list above (leave empty to create a new site): 
✔ Enter a name for the new site: Your First Site
Requesting upload session...
Upload session created.
Requesting upload URLs (1/1)...
Upload URLs received (1/1) 1/1
Uploading files [--------------------] 0/1
Uploading files [####################] 1/1
Notifying server upload completed...
Server acknowledged upload completion.
🎉 [SUCCESS] Publish completed
  Published 1 files (0 bytes) to site db3dac71-88da-46ee-965e-b66e6d873193 (version 1).
  Public URL: https://3m62y4mi3jdo5fs6wzxg3bzrsm.mockkit.app/~/

質問項目	説明
Enter a site number from the list above	初めてサイトを公開するときは空欄を指定します。もし既存のサイトがある場合、ここで番号を指定すれば、そのサイトの新しいバージョンとして公開されます。
Enter a name for the new site	新規サイトを公開するときに訊かれます。サイト名を入力します。

完了すると、公開された静的サイトの URL が表示されます。

公開直後は自分しかそのサイトを閲覧することはできませんが、MockKit サービス上で、公開した静的サイトへ他のコラボレーターを招待することができます。招待したコラボレーターは、そのサイトを閲覧し、コメントを付与することができます。