shopify-app - 使用 Shopify 应用程序桥时，我在哪里获得 `shopOrigin` 的值？

Question

在整个新 App Bridge 的文档中，Shopify 提到了该shopOrigin值以及如何使用它来配置提供程序，app-bridge-react但他们从未指定如何获取此值？

react 应用程序加载在 iframe 内，并且 src 包含该shopOrigin值作为调用的查询字符串参数shop，但是当我尝试以下代码时，我得到了错误window is not defined：

const params = queryString.parse(window.location.search);
const config = {
  apiKey: process.env.SHOPIFY_API_KEY,
  shopOrigin: params.shop,
};

1) 为什么我会window is not defined在浏览器中运行 javascript 代码？！这对我来说毫无意义 2）如果可以从提供的库中读取此值，例如@shopufy/app-bridge-react请告诉我如何

score 0 · Accepted Answer

除非您使用专门为 Shopify 定制的库，否则您必须在 OAuth 授权期间手动保存商店来源。

希望本Shopify 教程对您有所帮助

score 0 · Accepted Answer

shopOrigin 在您的浏览器 cookie 中可用。

如果您遵循 Shopify 的 react 和 Node.js 开发，您应该已经在 Shopify 身份验证后保存了此内容。

score 0 · Accepted Answer

我不确定 shopOrigin 到底需要什么，如果您只是想从客户端转到商店的管理部分，您可以在应用程序桥中使用重定向。否则，您可以在身份验证过程中将商店详细信息存储在服务器上，并创建一个 get api 以根据需要在客户端检索详细信息。

3 回答 3