Closed5

shopify-cliのメモ

taichi fukumototaichi fukumoto

ストアへの認証

認証は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

taichi fukumototaichi fukumoto

新たにテーマを作成する

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はしなくていい?と考えられる。

taichi fukumototaichi fukumoto

ストアにテスト商品を追加する

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テスト注文を作成してくれる。

taichi fukumototaichi fukumoto

Development theme(開発テーマ)とは

開発テーマとは、開発に使用しているShopifyストアに接続されている一時的な隠しテーマのこと。
テーマを開発テーマとしてストアに接続すると、そのストアのデータをローカルテストに使用することができる。

開発テーマは Shopify ストアや開発ストアで使うことができる。
開発テーマはテーマの上限にはカウントされず、7日間使用されないとストアから削除される。

taichi fukumototaichi fukumoto

Development themeを作成する

shopify theme serveコマンドで、ローカルマシンにあるテーマを開発テーマとして、接続しているストアにアップロードして以下の情報を返す。

  • 開発テーマへのリンクhttp://127.0.0.1:9292。このURLは、CSSやセクションのローカルな変更をホットリロードするので、ストアのデータを使ってリアルタイムに変更をプレビューすることができる。このプレビューは、Google Chromeでのみ利用できる。
  • 開発テーマのオンラインストアエディターへのリンク
  • 他の開発者と共有できるプレビューリンク
% shopify theme serve

開発テーマはshopify logoutコマンドを実行すると削除される。

このスクラップは2021/07/27にクローズされました