freks blog

Shopify appをVSCode Dev Containerで動かしてみました

Dev Containerの設定をして起動

npm run dev

すると、shopify app dev が起動して、Cloudflaredが使われて外部からアクセスできるURLが発行されます
Shopifyの管理画面でそのShopify appを開くと、ネットワークエラーが発生

ターミナルを見てみると

Error forwarding web request: Error: connect ECONNREFUSED 127.0.0.1:46593

Docker containerが外からアクセスできないからみたいです

shopify app dev は内部で vite が動いているので、vite の設定を変えてみました

vite.config.ts を変更します

  server: {
    host: true,
  }

host: true を追加しました

これでアクセスできるようになりました
外部ネットワークからアクセスできるようになったので意味を理解して使いましょう

まとめ

Shopify cliにちょっと詳しくなれました

PR

いちばんやさしいShopifyの教本 人気講師が教える売れるネットショップ制作・運営 「いちばんやさしい教本」シリーズ

このリンクは、アフィリエイトリンクです