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

【问题标题】：shopify redirecting user to SDK iframe after installing the appshopify 安装应用程序后将用户重定向到 SDK iframe
【发布时间】：2018-01-24 06:50:38
【问题描述】：

我正在制作一个 shopify 公共应用。用户安装应用程序后，他会被重定向到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'.

如何解决这个问题？

提前致谢。

【问题讨论】：

标签： shopify shopify-app

【解决方案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>

【讨论】：