Tech Blog
Shopifyのテーマ拡張機能をCI/CDサービスからデプロイする
Tsun Inc. CTOの小笠原です。今回はShopifyアプリのテーマ拡張機能をCI上からデプロイする手順をご紹介します。現在テーマ拡張機能を開発されている方、今後開発される方の参考になれば幸いです。 なぜやるのか Shopifyのテーマ拡張機能を開発するには、Shopifyアプリとは別にShopify上にデプロイします。(テーマ拡張機能のLiquidやJavaScriptのファイル等はShopifyのサーバーから配信されます) また、デプロイ後にShopify Partnerの管理画面からテーマ拡張機能を公開する必要があります。 デプロイ作業を自動化しておくと、テーマ拡張機能の更新漏れや公開作業のミスをある程度防ぐことができます。(ただしShopify Partnerの管理画面からテーマ拡張機能を公開する作業までは自動化できません) 前提条件 対象読者 Shopifyアプリのテーマ拡張機能の開発をしている 環境 Shopify CLI: Version 3.39.0 Package manager: npm 準備するもの Shopifyアプリのテーマ拡張機能 CI/CDサービス (GitHub Actions、CircleCIなど) 対応手順 Shopify Developers Platformに公式ガイドがあるので、基本的にはこちらの手順に沿って進めれば大丈夫です。 テーマ拡張機能のIDを取得する...
Shopifyのテーマ拡張機能をCI/CDサービスからデプロイする
Tsun Inc. CTOの小笠原です。今回はShopifyアプリのテーマ拡張機能をCI上からデプロイする手順をご紹介します。現在テーマ拡張機能を開発されている方、今後開発される方の参考になれば幸いです。 なぜやるのか Shopifyのテーマ拡張機能を開発するには、Shopifyアプリとは別にShopify上にデプロイします。(テーマ拡張機能のLiquidやJavaScriptのファイル等はShopifyのサーバーから配信されます) また、デプロイ後にShopify Partnerの管理画面からテーマ拡張機能を公開する必要があります。 デプロイ作業を自動化しておくと、テーマ拡張機能の更新漏れや公開作業のミスをある程度防ぐことができます。(ただしShopify Partnerの管理画面からテーマ拡張機能を公開する作業までは自動化できません) 前提条件 対象読者 Shopifyアプリのテーマ拡張機能の開発をしている 環境 Shopify CLI: Version 3.39.0 Package manager: npm 準備するもの Shopifyアプリのテーマ拡張機能 CI/CDサービス (GitHub Actions、CircleCIなど) 対応手順 Shopify Developers Platformに公式ガイドがあるので、基本的にはこちらの手順に沿って進めれば大丈夫です。 テーマ拡張機能のIDを取得する...