Shopify CLIのメモ

Published @2023-09-06 (Wednesday) Updated @2024-03-05 (Tuesday)

Table of Content

更新履歴

Shopifyのテーマやアプリを開発する際に利用できるコマンドラインインターフェース。

Shopify CLIのバージョンによって内容が変わります。この記事では、3.xについて扱います。

Shopifyパートナーアカウントを作成し、開発ストアを作成するか、既存のストアに接続するか、既存のストアにコラボレーターアクセス権限を得ておき、これらのアカウントにシステムのデフォルトブラウザでログインしておく必要があります。

shopify theme init [name]

Git上のShopify themeをクローンするコマンド。
何も指定しなければ、Dawnがクローンされる。

shopify theme pull

ストアのテーマをダウンロードします。

フラグ（オプションの引数）がいくつか用意されていますが、何も指定しないとテーマ一覧が表示され、ダウンロードしたいテーマを選べます。

指定したテーマのファイルがダウンロードされるため、テーマ別にフォルダを分けたい場合は、テーマ別にフォルダを作成し、そのディレクトリに移動してからコマンドを使用してください。

ローカル環境にあるコードをプレビュー用の環境にアップロードします。これによって、ショップをプレビューできるようになります。本番環境のテーマは上書きされません。

shopify theme dev

ターミナルには、次のようなメッセージが表示されます。

shopify theme devの後に表示されるメッセージ

上記のURLにアクセスするとショップがプレビューできます。

また、このメッセージのほかにも、テーマの編集画面にアクセスできるURLなども発行されます。

プレビューページにアクセスすると、ページ下部にShareボタンが表示されます。このボタンをクリックすると、共有用のURLが表示されますので、他の方にもプレビューしてもらえます。

プレビューは、ターミナルで Ctrl + Shift C を押下すると終了します。

テーマのコードを本番環境にアップロードします。つまり、本番環境のテーマが上書きされます。

shopify theme publish

Shopifyでは、GitHub上のテーマファイルを登録することもできます。

テーマの追加画面で、GitHubから接続するリンクをクリックし、表示されるメッセージに沿って進めていけば接続できます。

GitHub上のテーマを接続した場合、そのリポジトリにプッシュする事で、変更されたコードの内容が自動的にShopifyのストアに反映されます。

ShopifyのテーマはGitHubから追加することも可能