Headless 是Magento的未来

随着Magento 不断改进的 REST APIs, 越来越多的 “headless Magento” 项目应运而生,所谓的 headless Magento就是使用其他软件或技术(比如用javascript)来提供用户界面(展示层)而Magneto 提供所有的底层电子商务功能(购物车,扣税,物流,订单管理等等),最新的Magento 2.3.0 已经有了官方的 headless 实现,用react 实现的 Venia PWA 前端模板,演示地址是 Venia PWA demo ,大家可以用手机实际体验一下,虽然还只是第一版,感觉已经非常好了,可以在chrome 浏览器里面保存为一个桌面图标,这样就可以和原生应用一样打开网站了。

在电商网站中,和用户交互的部分被叫做 “the glass”, 在headless 中,the glass 底层可以基于一个电商系统,也可以基于一个内容管理系统(CMS)或者基于一个电商系统和CMS的复合体。

Magento 的多种PWA实现
Magneto 的未来,Headless Magento

为什么 Headless 会流行起来

有2个主要因素促成了headless 网站的流行,第一,但电商网站最初出现时,其主要的流量都来自于台式机,而且销售相对较容易,所以当初流行的平台都是全功能的(全栈系统),前端和后台系统都包括,但到了今天,技术要满足各种客户需求,购物通道不仅来在台式机,还来自于各类移动设备,客流来自于更加复杂的多重通道(omni-channel),多渠道要求的灵活性使一个全栈系统难以满足,因为在全栈系统中前台和后台绑定在一起,要改变一端而不改变另外一端无法实现,任何改变都是费事,费时并带有风险的事情。

第二也许更加重要, 很多品牌由于历史原因只是把他们的网站作为一个内容仓库,而他们现在有做电商的需要(特别是一些B2B公司),因为大量的内容已经存在,基于现有内容在其之上建立一个电商系统要比推翻原有内容建一个全新的电商网站要容易得多。

总而言之,分离网站的前后台,除了节约时间,费用,还有快速集成,可以有更加细致入微的个性化用户界面。

为什么Magento也需要做Headless

Magento2 的后台和Javascript是松耦合的,所以理论上说,要在前端切换不同的Javascript 框架 – Angular,Vue,React 相对比较容易,你可以选择你喜欢的框架来替换不是很流行的KnockoutJS 框架来开发网站的前端。而且这也意味着你无须成为一个资深的Magento的开发者,也可以基于提供你需要的一切的REST APIs 在Magento之上创建酷酷的前端。

实际上,除了官方的用 React 实现的PWA前端,github还有其他的PWA实现,在github上搜索一下 Magento PWA,就会发现一大堆基于不同框架开发的PWA前端,比如用Vue开发的 Magento2 Vue PWA

在当前的前端正常工作的情况下,要彻底改变它并不容易,你必须为新平台的稳定性付费,但是多数商家似乎认可这些费用,使用PWA前端是完全不同的,完全替代了XML里的Block,Container和pthml 文件,数据传输基于GraphQL API, 另外,PWA完全由Javascript打造,而不是原来的Javascript 和 PHP的混合体,2种前端有着绝对不同的架构,要维护2个前端是不可行的,放弃过时的前端也许才是明智之举,一个更加强大,全功能,稳定,并且得到官方支持,持续不断收到升级和新功能前端就在前方,PWA, Headless 才是未来,官方已经行动,你准备好了吗?

Headless Magento2资源

Headless Magento & Extensions  如果你是Magento2 插件开发者,在这篇文章里,里可以找到关于第三方插件和Headless Magento的所有问题的答案, 而且 Alan Kent还分享了他对Headless Magento2 的看法。

Alan Kent on Headless Magento2

headless-magento2-resources  github 这个项目收集了很多由用的资源, 该站还有一些headless 网站的实例。

The App Shell Model 你可以找到最重要的App Shell 模型架构的信息,关于标准的Headless 应用的设计,你如果对headless不是很熟悉,在转向Headless Magento2 之前研究一些这些标准设计是非常有用的。

Mamas &PapasOUNASS 基于Headless Magento的2个电商前台实例,有没有感受都Headless 的魅力?

 

 

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

36 − = 31