要想在2022年成功打造Shopify，你需要了解的8个发展趋势

随着商业的数字化转型继续快速发展，关注为Shopify商店和应用程序提供动力的底层技术，并尽可能地对其进行优化，比以往任何时候都更加重要。

为了满足客户日益增长的期望并在竞争中领先，移动优先的设计、安全性、性能和可访问性等方面现在成为商家提供流畅体验的关键。

他指出:“这些预计将在默认情况下实施。斯科特Vinkle她是Shopify的无障碍专家。”可访问性向左移动在产品工作流中是一种避免在生产中创建访问障碍和昂贵的改造冲刺的方法。但不要期望事情会如此WCAG一夜之间兼容的。可访问性是一场马拉松，改变需要时间。易用性是关于进步，而不是完美。重要的是开始并随着时间的推移不断改进。”OB欧宝娱乐APP

应用程序和主题开发人员有大量的工具和技术可供他们使用，使他们能够为客户构建多功能，尖端的体验。然而，有时候，很难从炒作和流行语中看出来。因此，在本文中，我们确定了Shopify合作伙伴和专家推荐的八个实用发展趋势，您应该在2022年考虑并采取行动。

1.从第一天开始设计你的应用

毫无疑问，在过去的几年里，你已经听到了“无头”这个词在电子商务生态系统中飞来飞去，随着最近发布的氢Shopify是一个基于react的框架，用于构建定制店面，它已经朝着无头商业迈出了自己的步伐。

虽然有很多正在进行的讨论关于什么无头商务真正的意思是什么时候走无头路线对商人来说是有意义的Shopify Plus partners创始人兼首席执行官加文•巴拉德表示迪斯科实验室他认为，从第一天开始就考虑到无头设备的应用程序将在2022年及以后具有显著的竞争优势。

他解释说:“如果我们认为‘无头化’仅仅意味着让商家对顾客接触点有更多的控制权——无论是在线商店、移动应用程序还是店内体验——那么我认为，为这些商家开发应用程序的开发者显然需要让服务这些接触点变得尽可能容易。”欧宝体育官网入口首页

为什么面向无头用户开发游戏对应用开发者有利

Ballard认为，为无头设备设计可以推动更好的API设计，确保开发人员不会将他们的解决方案绑定到单一平台或环境中。

他说:“它迫使你考虑所有不同的环境，商家可能会在其中使用你的服务，并提出一个连贯的、api优先的解决方案，适用于所有这些环境。”

巴拉德提供了一个Shopify评论应用程序在产品页面上提供内容的例子。虽然有一种方法是提供一些Liquid片段来呈现产品附带的元字段中的评论，但这将解决方案局限于使用基于Liquid的在线商店模板的商家。欧宝体育官网入口首页

巴拉德建议，应用开发者可以考虑一个通用的JSON API，直接从应用中提取内容——这个解决方案不仅适用于基于liquid的商店模板，也适用于无头店面、专用产品迷你网站、移动应用程序，或者放在店内产品旁边的iPad。

巴拉德建议:“以这种方式设计你的api可以减少你在维护集成点、支持和文档方面的开销。”巴拉德还补充道:“当商家改变平台或前端方法时，你还可以坚持与他们合作。”

无头设计时的注意事项

Ballard建议在设计无头耳机时考虑以下最佳实践:

1.维护独立的域模型:不要将应用程序与可能只在一个特定平台或上下文中可用的数据结构或概念过于紧密地联系在一起。

2.选择合适的API栈:考虑您的API最有可能被使用的方式和位置，并让它驱动您如何公开您的服务。你是否有一个复杂的、深度嵌套的数据域，可能会被前端大量使用，类似于Shopify的Storefront API?然后也许是公开露面GraphQL端点是有意义的。更简单的域，需要在前端和后端同时支持客户端?那么一系列REST/JSON端点可能更合适。

3.了解API使用模式:Headless API通常比“常规”以管理为中心的API有更多的只读使用，因为它们的使用方式经常导致每个客户的页面浏览都会触发一个调用(以每个产品页面上加载的评论为例)。重点关注理解这些使用模式，以及在哪些地方可以利用浏览器中的缓存、通过HTTP协议的缓存和服务器端的内存缓存来最小化应用程序的负载。

4.使用无头友好的身份验证方法:许多应用程序需要经过安全身份验证的客户访问才能发挥作用——以订阅管理工具为例。而不是依赖于特定于店面的身份验证机制(例如，通过Shopify Liquid标签)，您可以探索更现代和灵活的方法，例如客户jwt。

5.投资于开发者体验:无头店面实现通常涉及自定义开发，因此对应用程序来说，拥有关于api如何工作的优秀文档、代码片段和实际示例比通常更为重要。您可以进一步开发工具和客户端库，将您的无头API封装在简单、易于使用的模块中。

2.优化你的前端和后端性能

一段时间以来，性能一直是Shopify生态系统的一个持续趋势。到目前为止，大部分的重点都放在前端性能上，呼吁应用程序对客户浏览店面体验的影响尽可能小。

Kieran Masterton，业主/开发商智能订单通知他曾是Shopify API开发体验团队的一员，他认为到2022年，这种趋势将持续到后端。

马斯特顿解释说:“随着Shopify平台的巨大增长，应用程序的压力越来越大，需要跟上来自用户和Shopify的海量请求，尤其是在黑色星期五和网络星期一前后。”“和许多应用开发者一样，我发现在一年中最大的销售周末，所有Shopify应用的平均webhook响应时间每小时都在增加。”

Masterton建议应用开发者关注以下几点:

• 从2021年最繁忙的时期回到你的应用参数
• 检查应用程序的性能
• 调优那些运行缓慢的进程和查询
• 花点时间将传入的webhook与核心应用程序解耦将它们迁移到无服务器架构，如果你还没有这样做的话

3.实施可持续发展措施

全球大流行大大提高了人们对数字技术对环境影响的认识。有意识的消费者在做出购买决定时更加关注可持续性和道德，并期望商家(以及支持他们的开发商)持有保护地球的证书。

Tom Locke, Shopify Expert代理公司的创意总监和创始人0和1他认为，开发人员需要遵循一些关键原则(他称之为原则)有意识的发展框架)，以满足不断增长的期望并确保持续的成功。Locke建议你…

• 设计的:在设计和用户体验中应用低影响原则，例如使用柔和的调色板来减少屏幕上发出的光
• Code-conscious:收缩脚本、压缩下载、设置适当的缓存时间、合并文件、促进代码重用，以及无头使用氢在必要时
• 大家了解*可访问性在设计和交付过程中都必须发挥关键作用，商店和应用必须达到WCAG AA级的最低标准，让所有人都能访问
• Partner-conscious只让符合你标准的技术合作伙伴参与一个项目，并事先仔细审查他们的资质，比如绿色托管
• 追求性能应用一个整体的网站“预算”作为一个伟大的方式，以确保整个网站的性能保持在检查。

你可能还喜欢:构建一个对世界产生积极影响的Shopify应用程序(并获得利润)。

4.使用Shopify的Ajax API来改善客户体验，而无需额外的页面加载

丹尼·摩根，Shopify Plus公司的技术主管Underwaterpistol他认为，2022年主题开发者最值得关注的未充分利用的功能是Ajax API。

他指出:“大多数人已经了解购物车，并在较小程度上了解产品端点，但产品推荐和预测搜索端点还没有得到应有的喜爱。”“截面渲染API虽然从技术上讲它不是Ajax API的一部分，但它也类似且未得到充分利用。”

Morgan解释说，当设计一个带有产品网格的标准收集页面时，这些工具就会发挥作用。使用这些本地端点，你可以内置:

• Ajax过滤，直到变量和元字段，而无需重新加载页面
• Ajax分页，允许您获得页面2,3,4等，而无需重新加载页面
• 一个动态快速商店弹出产品信息，包括替代产品推荐
• 一个搜索栏与预测随你输入的结果

所有这些都可以在没有第三方的情况下实现，也不会影响页面加载的性能。Morgan认为:“我认为我们正处于一个网站速度决定一切的时代，这就是这些工具对主题开发者如此重要的原因。“此外，当你拥有更多的代码所有权并减少对第三方的依赖时，你将获得更多的定制空间，这意味着更好的美学，更多定制功能以及尽可能多的优化。Ajax API是主题开发者可以学习的最简单的东西，可以在2022年提升他们的游戏。”

5.使用原生元字段为商家添加更多自定义选项

安妮·托马斯，联合创始人设计包它是一款帮助商家通过附加部分和模板扩展Shopify主题的应用程序，该公司认为2022年是一个可以利用的年份本机metafields。

她解释说:“它们使我们能够直接从Shopify管理中添加新的自定义字段。”您不再受现有数据类型(如供应商、类型、集合或标记)的限制。元字段可以应用于产品或变体，并且可以保存各种数据，包括文本输入、测量、文件上传、其他产品，甚至是日期选择器。”

Thomas透露，商家的一个常见要求是根据选择的变体显示不同的文本内容，例如不同的成分列表或特性集。虽然有几个应用程序可以实现这一点，但元字段允许您创建将文本与特定变体关联起来的字段。这使得商家更容易长期维护。要了解如何在实践中做到这一点，请查看Code Shopify关于使用元字段进行唯一变体描述的教程。

元字段值也可以动态地拉入主题文本内容区域，以便商店更新到欧宝体育官网入口首页网上商店2.0。Thomas解释说:“这意味着商家可以更好地控制这些动态值出现在他们的产品页面上的位置。“一个小小的警告是，本地元字段在收藏、客户、订单、博客或文章上是不可用的，但我们希望Shopify能很快推出这些更新。与此同时，还有很多用例可以实现，比如自定义图标、事件日期、洗涤说明等等。”

6.创建逼真的3D模型

新冠肺炎疫情加剧了现场拍摄的难度，产品摄影越来越多地被3D渲染所取代。逼真的表现降低了成本，更环保，在实体产品还不存在的情况下，是比2D插图更好的解决方案。此外，3D产品视觉效果可以创造更吸引人的客户体验。

Shopify Plus Experts的联合创始人兼首席营销官大卫•瓦格纳解释说:“3D产品渲染赋予产品更多的生命和触感P3媒体。顾客可以在产品发货前，以自己喜欢的风格在家里预览，作为虚拟试穿增强现实体验。例如，你可以戴上太阳镜，试穿不同的颜色，而不必去实体店。”

3D工具能够实现精确的真实感和细致的细节，现在已经广泛可用，并且变得更加实惠和容易获得。学习3D设计从未如此简单，到2022年，我们将看到更多的3D设计。

7.防止应用程序之间的竞争条件

平均而言，每个Shopify商家使用六个应用程序来运营他们的业务，但这六个应用程序通常由六个完全不同的开发人员运营。史蒂夫·琼斯和亚历克斯·多佛都是Shopify应用开发商的联合创始人工会工作因此，建议注意其他已安装的应用程序可能会同时尝试在Shopify资源上执行操作，例如向订单应用标签。

Jones提醒道:“这通常会引发应用之间的竞争状态，即最后处理其更改的应用将覆盖其他应用之前应用的任何值，这对商家来说非常令人沮丧，而且如果不联系每个应用支持团队寻求帮助，几乎不可能解决问题。”

为了减少这些竞态条件发生的可能性，Jones和Dover建议采用以下技术:

去获取最新的订单信息

不要简单地将应用程序的操作建立在webhook中包含的数据上。在对Shopify进行任何更改之前，从Shopify获取最新的订单、客户或产品数据。

使用GraphQL突变而不是REST

如果你需要从订单、草稿订单、客户或产品中添加或删除标签，那么使用GraphQL突变不仅可以节省你的时间和资源，还可以防止你覆盖其他应用程序应用的任何标签。

让我们看看这两种方法是如何工作的。下面是如何使用REST API将标签应用到订单:

1. 通过REST API获取订单详细信息
2. 从数据中提取标记并将它们放入数组中
3. 向数组中添加任何新标记
4. 将数组转换回逗号分隔的字符串，并通过REST API将更新后的订单标记放回订单

这需要对API进行两次调用并对数据进行一些操作。在此期间，订单标记字段可能已经更改。这将导致一些订单标签完全从订单中删除。

使用GraphQL变体tagsAdd然而，它完全避免了这个问题。

的tagsAdd突变与现有的订单标签无关。相反，这种变化只要求您指定希望应用于订单的标签，Shopify会处理它。没有竞争条件，没有覆盖的标签。简单。

内置延迟功能

考虑在你的应用中引入商家设置延迟的功能。在你的应用处理webhook之前允许一段时间过去，可以给其他应用完成更新所需的时间，减少数据被覆盖的机会。

Jones指出，Shopify应用开发者之间有很强的社区氛围，但这并不能避免应用不兼容带来的问题。“认识到我们有责任成为良好的生态系统公民，这不仅有利于你的商家，”他说，“还会减少你收到的与覆盖数据相关的支持问题的数量，最终减少客户流失。”

8.考虑复杂性的头顶空间成本

电子商务成长顾问加伦王她是Shopify Plus公司的创始人兼战略总监清醒警告说，许多开发人员都挂在技术上，失去了对开发定制Shopify网站背后的基本原则的关注。他说，到2022年，随着工作节奏的加快，不仅要考虑设计和构建解决方案所需的时间，还要考虑工作的头顶空间成本，这一点至关重要。

King指出:“作为开发者的乐趣之一便是应对新挑战。“一个好开发人员天生好奇，能够快速地想象出潜在的解决方案——即使他们以前没有遇到过特定的问题。”

金解释说伟大的另一方面，开发者也是务实的，并且有些愤世嫉俗。他们对挑战的兴奋更多的是探索为什么在定义解决方案是什么以及如何构建它之前，客户认为他们需要解决方案。King建议从一开始就在心理上挑战假设，坚定而温和地抵制复杂性，并始终努力寻求最简单的方法。

King解释道:“人们可能会担心一个简单的解决方案会影响你作为开发者的专业技能。但恰恰相反，为一个复杂的问题构建一个复杂的解决方案很少是最好的结果。不要低估复杂性带来的头顶空间成本。很可能你的客户并不真正知道他们需要什么，他们当然也不知道需要什么才能达到目标。作为开发者，你的工作是根据你的专业知识和经验，引导他们获得最简单、最实用的结果，满足他们的目标、预算和时间安排。”

定期回顾和精简你的技术堆栈

无论你在2022年做什么，有必要回顾一下你的技术堆栈和测试你的主题，网站和应用程序，然后再将它们发布到野外。性能仍然是商家关注的关键问题。的创始人德里克·海尼(Derric Haynie)表示Ecommercetech.io与广告支出回报率和留存率并列前三名。确保你的应用程序不会影响页面加载时间，并负责任地使用JavaScript。像React这样的框架在今年仍然很重要，但是它们会对性能产生重大影响。对于大多数简单的项目来说，普通JavaScript通常已经足够好了。

还要确保你的应用没有在主题中注入代码，也没有在卸载时删除代码，这不利于整体的商业体验。海尼警告说:“不久的将来，可能会有应用程序检查这一点，并将你‘标记’为一个糟糕的演员。”“就像你在户外露营一样，确保你没有留下任何垃圾!”

最后，不要为了新技术而使用它。如果你实施一个新工具或新兴技术，它必须对品牌、产品和你正在从事的特定项目有意义。当您在2022年为Shopify构建时，请记住本文中概述的提示，您将为您的客户和客户(以及您自己!)获得成功。

未来商业报告:在2022年取得成功所需的电子商务趋势、见解和建议。