标签: shopify-app-bridge

在新 App Bridge 的整个文档中，Shopify 提到了该shopOrigin值以及如何使用它来配置 Provider，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请告诉我如何

我按照Shopify 的指南，直到第 4 步结束，开发了 Next JS 应用程序，我已经设置了两个页面（嵌入式应用程序导航），Home 和 Page1。现在，当我点击打开两个页面时，应用程序正在重新加载而不是路由......

你可以在这里看到闪烁的问题 - https://youtu.be/45RvYgxC7C0

对此的任何帮助将不胜感激。

_app.js

import React from "react";

import App from "next/app";
import Head from "next/head";

import { AppProvider } from "@shopify/polaris";
import { Provider } from "@shopify/app-bridge-react";
import Cookies from "js-cookie";

import "@shopify/polaris/dist/styles.css";
import "../css/styles.css";

import lang from "@shopify/polaris/locales/en.json";

export default class MyApp extends App {
    render() {
        const { Component, pageProps } = this.props;
        const config = { apiKey: API_KEY, shopOrigin: Cookies.get("shopOrigin"), forceRedirect: true };

        return …