【问题标题】:How To Pass Data Between Shopify "THEME-APP-EXTENSION" And The Backend Of The App?如何在 Shopify \"THEME-APP-EXTENSION\" 和应用程序后端之间传递数据?
【发布时间】:2022-12-20 01:52:36
【问题描述】:
我想弄清楚如何在主题应用程序扩展和主题应用程序扩展所连接的应用程序的后端之间传递数据。 theme-app-extension 是流动的、css 和 javascript,所以我不确定是否有内置的方式在两者之间传递数据。例如,是否有建议的方法将数据从数据库中提取到主题应用程序扩展中,是否有建议的方法将数据从运行主题应用程序扩展的代码发送到数据库?我对使用主题应用程序扩展做任何事情以及构建 Shopify 应用程序都很陌生。我已经构建了面向管理员或只是装饰性的 Shopify 应用程序,这是我第一次构建一个 Shopify 应用程序,该应用程序接受用户输入并将其发送到数据库并检索该数据以供最终用户查看。
任何建议将不胜感激。
谢谢你。
【问题讨论】:
标签:
shopify
shopify-app
shopify-api
【解决方案1】:
您通常(总是)使用 App Proxy 将数据从前端传递到后端。这个时候真的没有别的办法了。 Proxy 给你一个你可以使用的 XHR 调用,你可以返回 Liquid 或 JSON。你的选择。
【解决方案2】:
我一周前开始开发 Shopify 应用程序(主题应用程序扩展)
我遇到了同样的问题,所以我确实使用 Fetch 在 javascript 文件中使用了 API
这是代码示例:
我将其添加到资产内的 global.js 文件中
然后我将脚本文件链接到我的 Liquid 块中
同样在 global.js 中,我确实通过注入从 API 消耗的数据来操作 DOM,这是一个示例
最后我所做的是直接与 DOM 通信以注入或检索数据,然后使用 javascript 处理它
我希望这可以帮助你
附:
这也是我第一次使用 Shopify,我很失望(缺乏资源、文档和社区)