devストアでアプリの
ネットワークアクセス設定をテストする
network_access_testing フィーチャープレビューで、許可ホストの漏れや誤った離脱警告を本番前に検出
ストアフロントから外部サーバーへのリンクやリクエストを持つすべてのアプリ開発者が対象です。network_access_testing フィーチャープレビューをdevストア作成時に有効にすることで、本番環境に影響を与えず設定の過不足を洗い出せます。2026年11月4日より利用可能です。
1何が変わったのか — Before / After
2プレビューの動作の仕組み
3業務に活かせるユースケース
- 課題
- 商品ページに外部レビューサービスへのリンクを設置しているが、マーチャントから「怪しい警告が出る」とクレームが入った
- 打ち手
-
network_access_testingプレビューを有効にしたdevストアでリンクを再現し、allowed_navigation_hostsからの漏れを特定して追加する - 効果
- 本番公開前に離脱警告の有無を確認でき、マーチャントへの不要なクレーム対応コストを削減
- 技術メモ
- プレビューは警告のみでブロックしない。動作確認と設定修正を繰り返せるため、反復テストに適している
- 課題
- サードパーティの分析スクリプトやA/Bテストツールをストアフロントに組み込んでいるが、
allowed_sourcesへの登録漏れを把握できていない - 打ち手
- devストアでプレビューを有効化し、ページロード時にブラウザコンソールへ出力される未許可サーバーの警告を一覧化する
- 効果
- すべての外部リクエスト先を棚卸しできるため、
allowed_sourcesの完全な構成管理が可能になる - 技術メモ
- 警告はブラウザコンソールに出力される。DevTools を開いた状態でテストページを巡回することで効率よく収集できる
- 課題
- 複数のアプリを同一ストアに導入しており、どのアプリのどの設定が問題なのか切り分けが難しい
- 打ち手
- アプリごとに専用のdevストアを作成し、
network_access_testingプレビューを使って個別に設定を検証する - 効果
- 問題の発生源をアプリ単位で特定でき、修正サイクルを短縮できる
- 技術メモ
- プレビューはdevストア作成時に有効化する必要がある。既存devストアへの後付け可否については公式ドキュメントで確認すること
4技術者が押さえるべきポイント
| 観点 | 詳細 | ステータス |
|---|---|---|
| 対象設定キー |
network_access（allowed_navigation_hosts / allowed_sources） |
要確認 |
| 有効化方法 | devストア作成時に network_access_testing フィーチャープレビューを指定 |
公式手順あり |
| ブロック挙動 | プレビューは警告のみ。リクエストや遷移はブロックされない | 警告のみ |
| 対象開発者 | ストアフロントから外部リンク・外部サーバーへのリクエストを持つすべてのアプリ | 全アプリ推奨 |
| Shopifyの推奨 | すべてのアプリが network_access を設定することを推奨（不審な動作の早期検出にも寄与） | 公式推奨 |
| 詳細手順 | 公式ドキュメントの「test network access configuration on a dev store」に記載（元記事URLを参照） | 要参照 |
※ 上記情報は元記事に基づきます。APIバージョンや有効化手順の詳細は必ず公式ドキュメントでご確認ください。
本番公開前にdevストアで network_access 設定の漏れをゼロにし、マーチャントサイトに不要な離脱警告が出ないことを保証できます。
Source: https://shopify.dev/changelog/test-app-network-access-configuration-on-dev-stores | 公開日: 2026年11月4日
Share:
税務Webhook/計算リクエストがGIDに統一
サブスクリプション契約計算APIが刷新