ローカルホストを利用した`shopify app dev`の開発方法

`shopify app dev`のためのlocalhostベースの開発

Shopifyアプリ開発では、様々な特性や機能を効率的に実装するための方法が求められます。しかし、ネットワークトンネルを使用せずにアプリ機能を開発することは、従来難しい課題でした。それが、今回の新機能により、自己署名HTTPS証明書を使用したlocalhost (127.0.0.1) でのアプリ提供が可能になり、この課題が解決しました。

localhostベースの開発のメリット

localhostベースでの開発は、ネットワークトンネルを使用せずにアプリの特性を開発できるため、開発時間の短縮や効率化が可能です。また、Shopify CLIが生成する自己署名HTTPS証明書を使用することで、セキュリティも確保されます。

具体的な実装手順

localhostでアプリを提供するには、以下のコマンドをShopify CLI 3.80以上で実行します。

shopify app dev --use-localhost

また、新たに追加された開発者向けプレビューでは、`--use-localhost`はデフォルトで静的ポートを使用し、これは`--localhost-port`で上書きが可能です。さらに、Windows Subsystem for Linuxの検出とその設定に必要な追加手順の文書化も行われています。

注意点とベストプラクティス

しかし、localhostベースの開発は、Webhooks、App proxy、Flow actionsなど、アプリを直接呼び出すShopifyの機能とは互換性がありません。また、POSなど、別のデバイスからアプリをテストする必要がある機能とも互換性がありません。そのため、これらの機能を使用する場合は、localhostベースの開発は適していない可能性があります。

詳細な情報については、ローカル開発のネットワーキングオプションをご覧ください。また、この機能についての問題報告やフィードバックは、Shopify Developer Communityで行ってください。

参考記事: Localhost-based development for `shopify app dev`