shopify-cliのメモ
ストアへの認証
認証はshopify login --store <DOMAIN>
コマンドで行うことができる。
% shopify login --store your-store-dmain.myshopify.com
? Select partner organization (Choose with ↑ ↓ ⏎, filter with 'f')
> 1. Your Partner Account Name (0000000)
2. ...
自分がログインに使用できるアカウントが一覧表示されるので、適切なアカウントを選択する
Logged into store your-store-dmain.myshopify.com in partner organization Your Partner Account Name
上記のメッセージが表示されればOK
新たにテーマを作成する
shopify theme init
コマンドで新たにテーマを作成できる。
% shopify theme init
? Theme name
> DawnBFCM
┏━━ Cloning https://github.com/Shopify/dawn.git into DawnBFCM... ━━━━━
┃ ██████████████████████████████████████████████████████████████ 100%
┗━━ ✓ Cloned into DawnBFCM ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーマを指定しない場合、Dawnがクローンされる。
shopify theme init [ NAME ]
で名前を指定するオプションもある。
--clone-url
で指定したGitHubリポジトリからクローンして始めることもできる。
% shopify theme init [ NAME ] --clone-url <URL>
--clone-url
で作成したプロジェクトディレクトリは、GitHubには繋がっていない。
GitHubに繋がったテーマをローカルに持っている場合はinit
はしなくていい?と考えられる。
ストアにテスト商品を追加する
shopify populate products
でテスト商品を作成できる。
% shopify populate products
✓ spring glitter added to johns-apparel.myshopify.com at https://johns-apparel.myshopify.com/admin/products/6572161466504
✓ frosty frost added to johns-apparel.myshopify.com at https://johns-apparel.myshopify.com/admin/products/6572161499272
✓ floral voice added to johns-apparel.myshopify.com at https://johns-apparel.myshopify.com/admin/products/6572161532040
✓ dark bird added to johns-apparel.myshopify.com at https://johns-apparel.myshopify.com/admin/products/6572161564808
✓ long shape added to johns-apparel.myshopify.com at https://johns-apparel.myshopify.com/admin/products/6572161597576
Successfully added 5 Products to johns-apparel.myshopify.com
⭑ View all Products at https://johns-apparel.myshopify.com/admin/products
テスト商品の他にも、shopify populate customers
でダミーの顧客アカウントやshopify populate draftorders
テスト注文を作成してくれる。
Development theme(開発テーマ)とは
開発テーマとは、開発に使用しているShopifyストアに接続されている一時的な隠しテーマのこと。
テーマを開発テーマとしてストアに接続すると、そのストアのデータをローカルテストに使用することができる。
開発テーマは Shopify ストアや開発ストアで使うことができる。
開発テーマはテーマの上限にはカウントされず、7日間使用されないとストアから削除される。
Development themeを作成する
shopify theme serve
コマンドで、ローカルマシンにあるテーマを開発テーマとして、接続しているストアにアップロードして以下の情報を返す。
- 開発テーマへのリンク
http://127.0.0.1:9292
。このURLは、CSSやセクションのローカルな変更をホットリロードするので、ストアのデータを使ってリアルタイムに変更をプレビューすることができる。このプレビューは、Google Chromeでのみ利用できる。 - 開発テーマのオンラインストアエディターへのリンク
- 他の開発者と共有できるプレビューリンク
% shopify theme serve
開発テーマはshopify logout
コマンドを実行すると削除される。