Shopify の Theme Kit で deploy 先のストアを分ける方法

今回はShopifyで本番環境と開発環境を分ける方法をご紹介します。
Shopify Theme Kit で開発を行う際に本番環境に deploy する前にテスト環境に deploy して確認したい場合があります。開発ストアを用意して config.yml の記述を変更すればできますが、ちょっと面倒です。

config.yml の設定

そこで、本番用と開発用の設定を config.yml に両方記述します。
以下のようになります。

development:
 password: 開発ストアのパスワード
 theme_id: 開発ストアのテーマID
 store: 開発ストアのアドレス（xxx.myshopify.com）

production:
 password: 本番ストアのテーマID
 theme_id: 本番ストアのテーマID
 store: 本番ストアのアドレス（yyy.myshopify.com）

deploy してみる

普通に deploy すると developmentで指定したストアに deploy されます。

theme deploy

本番ストアに deploy したい場合は以下のようにストアを指定して deploy を行います。

theme deploy --env=production

まとめ

簡単に deploy 先を変更できるのでテーマ開発がはかどります。
ちなみにストア設定はいくつも追加できるので、staging 環境なども設定したりできます。

参考サイト

Theme Kit configuration reference

Theme Kit command reference