Shopify 应用程序无法在 express 节点 js 中运行

Question

我正在用 express nodejs 开发一个 shopify 应用程序。我已经在 express nodejs 中成功创建了应用程序的安装过程。安装应用程序后，当我打开应用程序时，我在 shopify 管理部分收到 iframe 错误。这是屏幕截图：-

另外，上面写着'Requests to the server have been blocked by an extension'。此问题出现在 Google chrome 浏览器中。我还检查了 firefox 浏览器。在 Firefox 中，它会正常工作并向我显示两个警告：- 1. 内容安全策略：指令“child-src”已被弃用。请使用指令‘worker-src’来控制工人，或者指令 ‘frame-src’分别控制帧。 2. 内容安全策略：由于“frame-ancestors”指令而忽略“x-frame-options”。

主要是，它不适用于 google chrome。

请帮我解决这个问题。

谢谢！！！

Answer 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>

Source

Shopify 应用程序无法在 express 节点 js 中运行

Shopify app is not working in express node js

node.js

shopify

shopify-app