安装应用程序后，shopify 将用户重定向到 SDK iframe

Question

我正在制作一个 shopify public 应用程序。用户安装应用程序后，他将被重定向到 https://example.com/dashboard 以查看和更改应用程序设置。一切正常。当用户稍后从他的 shopify 商店点击该应用程序时，该应用程序在 shopify iframe 中加载正常。

问题是，当我提交应用以供列出时，他们（shopify 应用审核团队）说当用户安装该应用时，应用应该只在 shopify 的 iframe 中打开。

我尝试手动将用户重定向到 https://shopify-shop-url/admin/apps/my-shopify-app

如果我在安装应用程序后重定向到此 url，iframe 中不会显示任何内容。这是浏览器控制台中的错误：

Refused to display 'https://myshop.myshopify.com/admin/apps/myappname' in a frame because it set 'X-Frame-Options' to 'deny'.

如何解决这个问题？

提前致谢。

Answer 1

我得到了解决方案。如果其他人遇到同样的问题，请将以下脚本添加到主页的头部：

    <script type="text/javascript">
        ShopifyApp.init({
            apiKey: '{{$api_key}}',
            shopOrigin: '{{$shopUrl}}'
        }); 
    </script>

    <script type="text/javascript">
        ShopifyApp.ready(function(){
            ShopifyApp.Bar.initialize({
                 title: "Your Title"
            });

        });
    </script>

安装应用程序后，shopify 将用户重定向到 SDK iframe

shopify redirecting user to SDK iframe after installing the app

shopify

shopify-app