【发布时间】：2022-01-03 22:09:18
【问题描述】：
我正在使用 Node、React 和 Nextjs 构建一个 shopify 应用程序。其中一项功能允许用户在感谢页面的预览窗口中预览他们的小部件更改。我正在使用 shopify 的主题类，以便颜色对每个商店的主题设置都是动态的。
例如，我的项目中的一个按钮是从 Shopify 样式表中绘制的：<button className={"btn"}/>
但是，我在维护最新的样式表时遇到了麻烦。每当用户在他们的 shopify 商店中进行更改时，工作表都会更新。
示例：下面的工作表呈现了一个红色按钮。然后用户将按钮的颜色更改为绿色。工作表相应地改变了。
<link href="//cdn.shopify.com/app/services/61201907963/assets/129024491771/checkout_stylesheet/v2-ltr-edge-efa0a63b8eb42aba8cfba1e6c680e7fc-36" rel="stylesheet"/>
变成（最后改了37）：
<link href="//cdn.shopify.com/app/services/61201907963/assets/129024491771/checkout_stylesheet/v2-ltr-edge-efa0a63b8eb42aba8cfba1e6c680e7fc-37" rel="stylesheet"/>
我查看了 Shopify 的 graphql 以查看是否可以访问样式表，但没有运气。真的让我摸不着头脑。
如何访问当前样式表，或者，有没有更好的方法在 shopify 应用预览中显示主题设置（颜色）？
【问题讨论】：
-
“我如何获得访问权限”是什么意思？你想做什么？有没有可以分享的代码？
-
样式表从 JSON 文件中提取该类型的信息。如果您创建开发者帐户，则可以创建标记为“只是在玩”的商店（这就是 Shopify 所说的）。不确定这是否有帮助。如果你有主题名称，我可以告诉你更多。您可能还需要让您的样式表也引用 JSON。
-
@disinfor 感谢您的回复！我写了一篇更深入的帖子，更好地说明了我要完成的工作：stackoverflow.com/questions/70520194/…
-
@InquisitiveTom 而不是单独的帖子 - 没有代码 - 您应该在此处添加该上下文。我认为 Kat 可能会为您指明正确的方向。
-
@Kat 这似乎正是我想要的！目前正在使用 Dawn 主题，但理想情况下，该应用程序能够从任何主题中提取 JSON。这是我的“只是在玩”主题的预览：4bl3pve06luq2ncr-61201907963.shopifypreview.com（密码：123）。如果刷新预览并在控制台中查看，window.shopify 对象将提供更多主题信息。好奇，从哪里访问 JSON 文件？
标签： javascript css reactjs shopify shopify-app