【Shopify】環境別のアプリを作成する方法

【Shopify】環境別のアプリを作成する方法

Created
Jan 18, 2024 11:45 PM
Updated
Last updated January 4, 2025
Tags
Shopify
Description
Production, develop, localなど環境別にアプリを作成する方法をまとめました。
 

方法

2パターンです。
結論、yarn dev —resetを利用せずにlinkを利用した方がよさそうです。
yarn dev --reset を利用する
  1. yarn dev --reset を利用する
  1. 新しくアプリを生成する選択を行う
 
yarn dev --reset を利用せず、 yarn shopify app config link を利用する
  1. yarn shopify app config link を実施
    1. 新しくアプリを作成するかの選択が出るので、それを選択。
  1. yarn shopify app config push を実施
 

環境設定

shopify.app.tomlにはapplication_urlなどあまり大っぴらに公開したくない情報があります。
なので別ファイルを作成してそれはGit追跡対象外として、新たに作成したtomlファイルで開発を進めたい時があります。
その時は以下の手順で行う
  1. shopify.app.local.tomlファイルを作成し、内容を任意に記述する。
    1. shopify.app.tomlを利用していればとりあえずそのままコピペでもOK
  1. .gitignoreに shopify.app.local.tomlを追跡対象外にするようにする。
    1. shopify.app.*.tomlとでもしておけばOK
  1. yarn shopify app config use local コマンドを打つ
    1. localの部分がshopify.app.local.tomlのlocalの部分を検出してその設定ファイルを利用するようになる。