【问题标题】:Shopify frontend React application on product pageShopify 产品页面上的前端 React 应用程序
【发布时间】:2020-02-28 14:33:36
【问题描述】:

我有一个小型 React 应用程序,我想在我的 Shopify 商店的每个购物车页面上运行它。 到目前为止,我发现的只是如何为 Shopify 管理员制作一个 react-app,但我希望它是客户可以与之交互的东西。

此外,应用程序需要当前所在购物车的产品图片。 我怎样才能实现这样的反应应用程序?

提前致谢!

【问题讨论】:

  • 这个问题比 StackOverflow 的 Q&A 格式可以合理地解决的问题更广泛、更开放。请阅读"How do I ask a good question?"。大多数好的问题包括minimal, reproducible example。如果你能用一个最小的、可重复的例子提炼出一个技术问题,你可能会得到更好的结果。或者尝试其他论坛——某些社交媒体、搜索引擎等。

标签: reactjs shopify


【解决方案1】:

经过几个小时的研究,我在网上找到了一个适合我的答案。它使用您为 Shopify 应用程序提供的 App-Proxy 选项。

这是 mert86 在 Shopify 论坛上回答问题的链接:https://community.shopify.com/c/Shopify-APIs-SDKs/How-to-render-HTML-in-my-theme-via-app-created-with-React/m-p/669730

【讨论】:

  • 谢谢。我只有一个问题:它请求代理的“应用程序”和“子路径”,我应该在哪里创建它?这是一个包含我所有 html/css/js 的文件夹吗?
  • @DiegoFortes 我认为你是对的。但我不能 100% 确定,因为我已经有几个月没有研究它了。
  • 您好!没问题,我想通了。对于遇到此线程的任何人:“应用程序/子路径”将显示在 myshopify 商店中。因此,例如,如果我添加“apps/testing”,它将显示在 store.myshopify.com/apps/testing 上。现在,ngrok URL 是我应该创建我的 html、css 和 JS 并通过 REST API 访问它们的地方。 Shopify 论坛帖子中未提及此部分。之后,您需要将新的应用页面 (www.store.myshopify.com) 注入为 div 或 iframe 以显示在每个页面上。
猜你喜欢
  • 1970-01-01
  • 2019-02-28
  • 1970-01-01
  • 2022-12-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-09-23
  • 1970-01-01
相关资源
最近更新 更多