我正在用express nodejs开发shopify应用。我已经在express nodejs中成功创建了应用程序的安装过程。应用安装后,当我打开应用后,在shopify管理部分中出现iframe错误。这是屏幕截图:-
此外,它还说“对服务器的请求已被扩展程序阻止”。 此问题出现在Google chrome浏览器中。我还检查了Firefox浏览器。在firefox中,它将正常工作,并向我显示两个警告: 1.内容安全政策:指令“ child-src”已被弃用。 请使用指令“ worker-src”来控制工人,或使用指令 “ frame-src”分别控制帧。 2.内容安全政策:由于使用了“ frame-ancestors”指令,因此忽略了“ x-frame-options”。
主要是,它不适用于谷歌浏览器。
请帮助我。
谢谢!!!
答案 0 :(得分:1)
如果尚未包含shopify提供的app.js,则需要包含它。
在html的头部,添加此
<head>
<script src="https://cdn.shopify.com/s/assets/external/app.js"></script>
<script type="text/javascript">
ShopifyApp.init({
apiKey: 'YOUR_APP_API_KEY',
shopOrigin: 'https://CURRENT_LOGGED_IN_SHOP.myshopify.com'
});
</script>
...
</head>