如何在Shopify“THEME-APP-EXTENSION”和应用程序后端之间传递数据?

2023-12-27

我试图弄清楚如何在 theme-app-extension 和 theme-app-extension 连接到的应用程序后端之间传递数据。 theme-app-extension 都是 Liquid、css 和 javascript,所以我不确定是否有内置方法在两者之间传递数据。例如,是否有建议的方法将数据从数据库提取到主题应用程序扩展中,是否有建议的方法从运行主题应用程序扩展的代码将数据发送到数据库?我对使用 theme-app-extensions 以及构建 Shopify 应用程序还很陌生。我已经构建了面向管理员或只是装饰性的 Shopify 应用程序,这是我第一次构建一个 Shopify 应用程序,该应用程序接受用户输入并将其发送到数据库并检索该数据以供最终用户查看。

任何建议将不胜感激。

谢谢。


我一周前开始开发 Shopify 应用程序(主题应用程序扩展)

我遇到了同样的问题,所以我确实使用 Fetch 在 javascript 文件中使用 API 这是代码示例:

我将其添加到资产内的 global.js 文件中

然后我链接了我的 Liquid 块中的脚本文件

同样在 global.js 中,我通过注入从 API 消耗的数据来操作 DOM,这是一个示例

最后我所做的是直接与 DOM 通信以注入或检索数据,然后使用 javascript 处理它

我希望这可以帮助你

附: 这也是我第一次使用 Shopify,我非常失望(缺乏资源、文档和社区)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在Shopify“THEME-APP-EXTENSION”和应用程序后端之间传递数据? 的相关文章

  • 在shopify中如何使用JavaScript结合开发文档实现不加入购物车直接进入订单支付环节呢?

    今天有一个shopify修改的需求 在shopify中如何使用JavaScript结合开发文档实现不加入购物车直接进入订单支付环节 通过查看开发文档和尝试 发现可以实现 获取到商品信息 然后通过 cart create js接口提交订单 然
  • shopify店铺 怎么样 shopify建站 我的使用经验

    公司从19年底开始使用shopify建站 进行品牌宣传和商城交易的相关业务 我个人作为开发也从开发shopify的工作中学习到了很多东西 这个框架非常灵活 官方也提供了很多接口 优点 主题编辑器 可以实时预览编辑 开发灵活 可扩展性强 插件
  • 本地编辑shopify主题的第一种方式

    先进入Shopify商店后台 新建应用程序 填写完无关紧要的信息后 把Theme templates and theme assets权限设置为读写访问权限并保存 然后复制密码 这表示可以通过这个密码对主题进行读写修改了 然后按照命令获取主
  • shopify 前端开发遇到的问题及解决(部分)

    问题 gallery不同部分的小li互相干扰 解决 修复了小li互相干扰的bug 原因 其实不单单需要修改小li的class 并且需要修改小li的控件 也就是是loopli 不然会互相干扰 shopify的section中jQuery能够拿
  • Shopify商品置顶功能

    Shopify商品置顶功能 商品置顶功能描述 通过在商品列表页为链接添加参数的方法实现置顶某个或多个商品的功能 需按以下步骤将目标代码添加到目标位置 目标代码 assign handles assign handleSize 0 if cu
  • Shopify 标签总数

    在 Shopify 中 如何显示标签列表 后跟带有该标签的产品数量 示例 黑色 12 蓝色 10 目前代码看起来像这样 但它不起作用 ul for tag in collection all tags li a href tag a tag
  • 每创建 3 列后添加一个新行

    在 Shopify 产品页面中 添加了一个新部分 以在 3 列行中显示一些统计信息 我试图使用下面的代码在 3 次迭代后将每个新列放入新行中 我希望行只有 3 列 这似乎不符合我的逻辑 请帮我找出为什么第三次迭代后的列没有出现在新行中 h2
  • JS Cookie 隐藏/显示 div

    尝试使用 jQuery cookie 隐藏 显示框JS 饼干 https github com carhartl jquery cookie 但我不知何故无法让它发挥作用 该框根本不会显示 我正在使用 Shopify pop up disp
  • 在 Shopify 中选中自定义复选框时更改产品价格

    当选择自定义复选框时 我需要能够更改产品价格 我想为一种产品添加 10 00 美元的雕刻费用 为其他产品的雕刻费用添加 20 美元 我无法将其添加为 Shopify 中的变体 因为它们根据变体处理库存 我正在使用 Debut 主题 我有在液
  • 结账时修改 Shopify 运费

    Is there a possibility that we could add a custom shipping price at checkout through an API call or script 我想根据一些规则修改价格
  • Oauth 错误 invalid_request:redirect_uri 未列入白名单

    我正在尝试基于此使用 React 和 Node 开发一个应用程序文档 https developers shopify com tutorials build a shopify app with node and react 我一步步按照
  • Shopify(液体):查找两个日期之间的天数

    我是 Shopify 和 liquid 文件语法的新手 我目前可以获得两个日期 assign product created date product created at date a b d y assign current date
  • Liquid 中按索引为数组赋值

    我处于一个有点复杂的循环中 我需要通过索引为数组分配一个值 这样如果该值已经存在 它将替换它 如果不存在 它将创建它 所以我需要做这样的事情 assign arr split assign arr index value 这不起作用 数组仍
  • Shopify API 如何使用 like 进行搜索查询

    嘿伙计们 我尝试做一些搜索功能 但使用 shopifyAPI gem 是不可能的 ShopifyAPI Product find all conditions title LIKE search params limit 20 page 1
  • 我的应用程序如何修改商店的模板文件

    安装应用程序时 我需要将液体标记注入商店的主题模板 我知道有 ScriptTags 但它们加载脚本 我知道脚本可以更改页面的 DOM 但我需要将我的液体安装到产品详细信息页面 是否可以 我会将您的 Liquid 添加为新的片段资产 然后 可
  • 在集合页面 Shopify 中显示变体选项

    我知道这个问题在互联网上被问了数百万次 但似乎每个人都希望有一个有自己特色的解决方案 我找不到我真正需要的东西 因此 我使用此代码来显示我的收藏中的变体 然后添加到购物车
  • 用于制作自定义支付网关的 Shopify 插件

    我想在shopify中制作自定义支付网关 以便哪种编程语言适合制作插件 并给出一些如何继续进行的提示 为了制作支付网关插件 我们必须使用公共应用程序还是私人应用程序 由于 Shopify 应用程序通过 REST 集成 因此您熟悉的任何应用程
  • Shopify API 订单查询参数的时区

    The Shopify 订单 API http api shopify com order html允许指定基于日期的查询参数 例如created at min 我想知道这些日期预计在哪个时区 如果您不提供时区 Shopify 将采用 UT
  • Web API 2 返回 OK 响应但继续在后台处理

    我已经为 shopify 创建了一个 mvc web api 2 webhook public class ShopifyController ApiController PUT api Afilliate SaveOrder Respon
  • 如何在 Shopify 中随机化相关产品

    我有标准的 Shopify 主题 Minimal 产品被分配到集合中 每个产品上的相关项目仅显示在相关集合中找到的前 4 个项目 由于每个系列中有很多商品 很多时候数百种产品中的相关商品都是完全相同的 如何编辑代码以随机化相关产品的结果 斯

随机推荐