mcpField
S
Shopify CLI

Shopify CLI

公式
shopify.dev開発ツール765shopify今日更新
リポジトリ公式サイト

Shopify CLI について

Shopify CLI は Shopify アプリとテーマを構築するための統合開発環境を提供します。ローカル開発サーバー、ライブプレビュー、カスタム拡張開発、デプロイメントワークフローに対応しています。

主な機能

  1. 01Shopify アプリとテーマのローカル開発サーバーの初期化と実行
  2. 02Shopify 開発ストアでアプリとテーマをプレビュー
  3. 03チェックアウト UI および管理画面拡張などのカスタムアプリ拡張を開発およびデプロイ

活用シーン

  1. 01新しい Shopify アプリまたはテーマプロジェクトを素早くスキャフォルド
  2. 02デプロイ前にカスタムコマース機能をプレビューおよびテスト
  3. 03自動化されたデプロイメントワークフローを通じてアプリの更新を簡素化

インストール

OS またはパッケージマネージャーを選び、コマンドをターミナルで実行します。

$
npm install -g @shopify/cli@latest

インストール後にshopify --versionを実行して確認します。

コマンド例

よく使うコマンドを使う順に並べています。

01
shopify app init
02
shopify app dev
03
shopify app deploy

詳細

README の画像

Shopify CLI

Twitter Followers License badge

Shopify コマンドラインインターフェイス(Shopify CLI)を使用すると、次のことができます。

  • Shopify アプリ、拡張機能、関数、テーマを初期化、ビルド、開発、デプロイする
  • カスタムストアフロントを構築し、そのホスティングを管理する

詳しくは、コマンドのドキュメントをご覧ください。

 

はじめに

最新バージョンの Node.js と npm(または任意の別のパッケージマネージャー)をインストールしてください。

 

Shopify CLI を使ったアプリの開発

Shopify アプリを構築する際は、お好みのパッケージマネージャーを使ってプロジェクトを初期化できます。1 つのコマンドですべての依存関係をインストールできます。Shopify CLI 自体も含まれます。

次のいずれかのコマンドを使ってプロジェクトを初期化してください。

  • npm init @shopify/app@latest(Node と一緒にデフォルトでインストールされます)
  • pnpm create @shopify/create-app@latest
  • yarn create @shopify/app
  • bun create @shopify/app@latest(試験的)

詳しくはドキュメントをご覧ください:アプリを作成する

 

Shopify CLI を使ったテーマの開発

テーマを操作するには、CLI を次のコマンドでグローバルにインストールする必要があります。

  • npm install -g @shopify/cli

macOS では、Homebrew を使ってインストールすることもできます:brew tap shopify/shopify && brew install shopify-cli

詳しくはドキュメントをご覧ください:テーマ向け Shopify CLI

 

Shopify CLI を使った Hydrogen カスタムストアフロントの開発

Hydrogen のコードはこちらにあります:https://github.com/Shopify/hydrogen/tree/main/packages/cli

詳しくはドキュメントをご覧ください:Hydrogen ストアフロント向け Shopify CLI

 

ヘルプ 🖐

CLI の使用中に問題が発生した場合や、フィードバックをお寄せいただく場合は、次の方法をご利用ください。

貢献 👩🏽‍💻

プロジェクトへの貢献を希望される場合は、貢献者向けドキュメントと開始手順をご覧ください。

 

参考資料

コメント