Shopify Liquid语言基础知识-1

基础

标签(tag)

{ { code }} :仅仅输出数据,用于逻辑较少的liquid代码。

{% code %} :可以用于任何情况,用于其他作用:

  • 在liquid对象和数组中循环。
  • 创建新的命名变量。
  • 包括“snippets”和链接“sections”。
  • for循环。
  • if/else语句(条件句)

示例:

{% for product in collection.products %} 
	{
  { product.title }} 
{% endfor %}

上面的循环将循环遍历集合中的产品,并运行代码块中的任何内容。在上面的示例中,它将输出产品的标题。

{%- code -%} :与{% code %}类似,但是防止标签在输出文档中生成空白。

对象与属性(objects and attributes)

对象包含用于在页面上显示动态内容的属性。对象还可以包含其他对象。

对象在liquid中可迭代,类似数组。有时可以在没有属性的情况下调用对象并接收单个值。

liquid中充满了对象。

过滤器(filters)

过滤器用于调整字符串、数字、变量和对象的输出。

在其他编程语言中,这些作用通过方法实现。但是liquid中无法创建自己的方法和作用。

过滤器总是以 | 开头,可以像这样串在一起:

{
  { product.title | upcase | remove: "AWESOME"  }}

对于上述代码,如果是product.title之前是“Awesome Shoes”,输出的是“SHOES”。

liquid中的一切都可以用标签、对象和过滤器来概括。

liquid对象

如果我们认为Liquid是访问和显示存储数据的方式,那么对象就是我们在Shopify主题中访问数据的方式。

下面是2个官方文档没有的概念,用于加强理解:

概念1:对象“样式”

在其他编程语言中,对象看起来像这样

person = { first_name: "Chris", last_name: "Dodd", age: 27 }

但在liquid中,对象可以返回单个值、一组值或一组键/值对。这就是为什么我把这个对象分成不同的样式。

类似数组的对象

这些“对象”被称为Liquid中的对象,但它们的操作更像数组。

  • 有些可以迭代,有些不能。
  • 有些可以通过句柄访问它们的“项”,但只有当这样的句柄存在时(类似于PHP中关联数组的工作方式)。

但是,作为一个整体,这些对象包含其他对象的集合(数组)。

比如:

  • Pages
  • Blogs
  • Articles
  • Images

请注意,这些都是复数名称,表明这些对象包含一组值。

单个值的对象

这些对象只有一个值,通过调用对象本身输出。

比如:

  • Canonical_url
  • Current_page
  • Handle

传统样式的对象

传统样式对象是包含属性的对象,而属性又包含可以是任何类型的数据类型(如字符串、数组和其他对象)的值。类似Javascript)中的对象。

比如:

  • Product
  • Customer
  • Page
  • Collection
  • Article

下面是一个包含了所有样式的例子:

{% for product in collection.products %} 
	{
  { product.handle }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在基于@shopify/shopify-app-express的应用程序中注册Shopify Webhook,可以使用该框架提供的webhook路由。下面是一个示例代码来注册一个Webhook: ```javascript const { default: createShopifyAuth } = require('@shopify/koa-shopify-auth'); const { default: Shopify, ApiVersion } = require('@shopify/shopify-api'); const { verifyRequest } = require('@shopify/koa-shopify-auth'); const Koa = require('koa'); const Router = require('koa-router'); const bodyParser = require('koa-bodyparser'); const app = new Koa(); const router = new Router(); const webhook = { topic: 'products/create', address: 'https://your-app.com/webhooks/products/create', format: 'json', }; app.use(bodyParser()); const shopifyAuth = createShopifyAuth({ // Your Shopify app API key and secret apiKey: process.env.SHOPIFY_API_KEY, secret: process.env.SHOPIFY_API_SECRET, // Your app URL appUrl: process.env.APP_URL, // Scopes to request on the merchant's behalf scopes: ['read_products', 'write_products', 'read_script_tags', 'write_script_tags'], // After authentication, redirect to the shop's home page afterAuth(ctx) { const { shop } = ctx.state.shopify; ctx.redirect(`https://${shop}/admin/apps/${process.env.SHOPIFY_API_KEY}`); }, }); // Register webhook router.post('/webhooks/products/create', verifyRequest({ returnHeader: true }), (ctx) => { console.log('New product created:', ctx.request.body); ctx.status = 200; }); (async function() { // Create an instance of Shopify const shopify = new Shopify({ apiKey: process.env.SHOPIFY_API_KEY, apiSecretKey: process.env.SHOPIFY_API_SECRET, shopName: ctx.session.shop, accessToken: accessToken, apiVersion: ApiVersion.October20, autoLimit: { calls: 2, interval: 1000, bucketSize: 35 }, }); // Register webhook await shopify.webhook.create(webhook); // Use the shopifyAuth middleware app.use(shopifyAuth); app.use(router.allowedMethods()); app.use(router.routes()); app.listen(process.env.PORT, () => { console.log(`Server listening on port ${process.env.PORT}`); }); })(); ``` 在上面的代码中,我们首先创建一个Shopify实例,并使用它来注册Webhook。然后,我们使用@shopify/shopify-app-express框架创建一个HTTP服务器,并为Webhook的URL路径创建一个POST路由。在路由处理程序中,我们可以处理接收到的Webhook数据。最后,我们使用Shopify API将Webhook注册到商店中。 注意,我们在Webhook地址中使用了公共URL,这意味着您需要在您的应用程序中设置公共URL,并将其用作Webhook地址。此外,您需要在Shopify后台中配置相应的Webhook主题,以便将Webhook发送到正确的URL地址。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值