【Shopify.dev和訳】Apps/Dev tools/ShopifyCLI/Node.js app command
この記事について
この記事は、Shopify CLI command reference (Node.js)の記事を和訳したものです。
Shopify アプリのご紹介
Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。
Shopify アプリである、「らくらく日本語フォント設定｜リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。
Shopify CLI commands reference (Node.js)
このリファレンスは、Shopify CLI で使用できる Node.js のコマンドをリストアップしています。
このグループコマンドは、shopify node [command]を使用してください。
コマンドラインからこれらのコマンドのhelpにアクセスするには、shopify node [command] -hを使用してください。
connect
既存の Shopify CLI プロジェクトを、パートナーアカウントまたは特定のShopify 開発ストアに接続します。
connectコマンドは、プロジェクトの.env、.shopify-cli.ymlが存在しない場合は再作成し、存在する場合はファイルを更新します。
-
.envファイルには、アプリキー等、アプリに機能を提供するための機密情報が含まれています。
そのため、このファイルはバージョンコントロールシステム（Git 等）には保存してはいけません。 -
shopify-cil.ymlファイルには、プロジェクトタイプのように、プロジェクトが Shopify CLI で動作するために必要な機密性のない情報が含まれています。
このコマンドは、複数のコンピュータで 1 つのプロジェクトに取り組んでいる場合や、Git のようなバージョンコントロールシステムを使って他の開発者と共同作業をしている場合に便利です。
$ shopify node connect
create
指定されたタイプのプロジェクトを新規に作成します。
プロジェクトは、カレントディレクトリのサブディレクトリに作成されます。
$ shopify node create
Shopify CLI は、プロジェクトを作成した後、プロジェクトの名前を入力するプロンプトを表示します。
$ shopify node create
$ ? App Name
$ >
deploy
現在の Node.js アプリをホスティングサービスにデプロイします。
現在のところ、ホスティングサービスはHerokuのみです。
$ shopify node deploy heroku
open
ローカル開発アプリをデフォルトのブラウザで開きます。
$ shopify node open
serve
プロジェクト用のローカル開発サーバーと、ローカルホストへのパブリックngrokトンネルを開始します。
ngrok は、ファイヤーウォールや NAT によってインターネットから直接アクセスできないホストで実行する Web アプリケーションを、トンネルサーバー経由でインターネットに公開することができます。
具体的には、ローカルホストで実行する CLI ツールと XXXX.ngrok.com でアクセスできる HTTP/TCP トンネルをホストするトンネルサーバーで構成されるサービスです。
参考文献 : ngrok トンネルのリージョンを選択する
$ shopify node serve
tunnel
ngrok（エングロック）を使用して、ローカル開発アプリへの HTTP トンネルを制御します。
tunnelコマンドを使用すると、ngrok での認証やトンネルの開始・停止を行うことができます。
ngrok で認証を行うには、認証トークンが必要です。
トークンは ngrok のダッシュボードにあるので、コピーをしてtunnel [project type] authコマンドで使用します。
$ shopify node tunnel auth <token>
これで ngrok の auth トークンが~/.ngrok2/ngrok.ymlファイルに書き込まれます。
ngrok の設定について詳しく知りたい場合は、ngrok のドキュメントを参照してください。
下記のコマンドは、localhost の開発環境でアプリへの ngrok トンネルを開始します。
$ shopify node tunnel start
下記のコマンドは、実行中の ngrok トンネルを停止します。
$ shopify node tunnel stop
Next steps
- Shopify CLI を使って様々なタイプのプロジェクトを作成、管理する方法を学べます
- Shopify CLI の中核となるコマンドに慣れることができます
Shopify アプリのご紹介
Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。
Shopify アプリである、「らくらく日本語フォント設定｜リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。
Discussion