Shopify 埋め込みアプリが Firefox に読み込まれない
Spring Boot、postgres、docker、traefik を使用して簡単なアプリを作成しました。アプリを埋め込み可能なアプリとして Shopify に登録しました。ドメイン名を作成し、https を設定しました。
しかし、Firefoxを使用してshopifyデモストアからFirefoxにアプリをロードすると、次のエラーメッセージが表示されます
ただし、Chromeを使用すると、同じアプリが読み込まれます。
shopify ドキュメントの説明に従って csp を定義し、管理アプリとデモストアがアプリを埋め込めるようにしました。
devtools の [ネットワーク] タブに、次のような失敗したリクエストが 1 つ表示されます。
このため、X-Frame-Options ヘッダーを定義する必要があると考えました。しかし、mdn docs によれば、このヘッダーは私のユースケースでは CSP ヘッダーに置き換えられました。
この種の質問に対する答えを求めているのではなく、どこに注意を払うべきかについてのアドバイスを求めています。
I should also mention that I'm using app-bridge.
もう少し遊んだ後、最終的に「Ignore X-Frame-Options」という Firefox 拡張機能を使用してみました。これで問題は解決されました。しかし、私が理解しているように、問題の原因となっているこの x-frame-options はバックエンドではなく、shopify サービス (accounts.shopify.com) の 1 つにあります。
次のステップをどうすべきかはわかりません。