Commune Lifestyle  中国官方网站
Commune Lifestyle 中国官方网站


在过去的 3 个月里,21YunBox 助力 Commune lifestyle 新加坡的技术团队成功在中国落地了一套完整的电子商务系统。这篇博客会分享 Commune Lifestyle 怎样从 SaaS 的建站系统 架构转型到由 21YunBox + Gatsby + Airtable 的 JAMstack 架构。

总的来说,Commune 中国官方网站通过使用 21YunBox 后,一方面店面的加载时间变快了 10 倍,另一方 21YunBox 给到 Commune 技术团队对网站进行深层的定制的便利性,使得 Commune 可以更好满足客户对家具定制和设计的需求。



关于 Commune Lifestyle

Commune Lifestyle Pte. Ltd. 是新加坡高大有限公司旗下的全资拥有的附属公司, KODA成立于 1972 年,产品分销到 50 多个国家,高大拥有专业的技术、生产和设计团队。凭借其独特的设计与精准的工艺,其产品款式很容易在市场上被辨别出来。KODA 系列产品因设计细致、风格独特、温文尔雅以及高贵而闻名,因考虑到市场成本战略因素。高大公司在扩大位于越南的主要生产基地的同时,也在马来西亚与印尼建立了生产基地。目前高大公司已拥有11座一流的生产车间。



Commune 落地中国面临的挑战

原电子商务系统性能低下,缺乏灵活性

随着公司在中国国内飞速发展,其网络流量和内容也不断的增加,一般的电子商务建站平台的已经不能 满足 Commune 的增长需求了。

客户早期使用的建站系统是因为可以以更低的成本,更快的速度把网站建起来。但是因为这些建站系统的功能设计上都是偏看以较通性为主,针对客户所需要的特定功能,一般的建站系统都难以满足。

与此同时,Commune 的用户对家具定制,设计的需求与日具增,急迫的需要一个可定制的技术平台来支持公司的持续发展。

我们原来使用的建站系统无法支持该级别的可定制性(选择材料,选择颜色,选择腿部类型,选择靠背高度)等。集成选项也很有限,使得我们和其他市场的电子商务非常不同步。

Maltin Soe
技术团队负责人, Commune Lifestyle

在这极速增长的压力下,Communue 的团队产生由了内部技术团队重新开发一个新的电子商务网站的念头。


ICP 备案的困惑

申请 ICP 备案不管是国内的企业还是国外的企业进入中国,一直都不是一件容易的事。 申请 ICP 备案不止耗时,如果处理不当,网站还会面临随时被下线的可能性。

在和客户沟通的过程中,我们发现,让客户非常困惑的是:

没有 ICP 备案,网站不能被访问吗?

根据客户的经验分享,他们早期在中国第一次购买云服务器的时候,研发工程师发现网站一直没办法访问,只看到像以下截图的提示,他们一直以为是代码层面出错了,排查了好久才发现原来他们网站没有有效的 ICP 备案,所以网站一直不能被访问,只会看到像下图的提示。

没有有效 ICP 备案的域名不能被访问
没有有效 ICP 备案的域名不能被访问


已经申请过 ICP 备案了,能在别的云平台使用吗?

客户在原来的建站系统里,已经完成了一次 ICP 备案,客户不明白为什么不能跨平台使用,也因为这类问题,感到越来困惑。


海外技术在中国不兼容

在与客户的沟通过程中,我们发现客户在技术选型上没有发现海外的各种 SaaS 方案在国内都不适用,好比说,常见的 内容管理系统 (CMS): Contentful, Airtable,图片储存服务: Cloudinary, AWS S3, 静态网站托管平台: Netlify, Github Pages, Gatsby Cloud 等等在中国境内都会访问很慢,甚至不能使用。

我们发现主要导致客户在技术选型上产生 “能用” 的错觉原因是: 客户的技术团队在中国大陆境外进行技术调研,产品研发和测试

客户的技术研发团队在新加坡。在早期的技术选型,他们中使用了 Airtable 作为内容管理系统,Gatsby 作为静态网站生成器 (Static Site Generator),然后部署和托管在 Gatsby Cloud 上。

也因为客户在中国大陆境外进行用户验收测试 (User Acceptance Test, UAT),整个过程客户是没有感知到中国大陆没法访问托管在 Airtable 上的照片和托管在 Gatsby Cloud 上的静态网站。

随着客户让更多的用户在中国境内进行对新版网站进行测试,客户的技术团队开始收到越来越多的反馈: “网站打不开”, “照片加载不出来” 等一系列的问题。




解决方案

客户从原来由 嘿店 提供的电商建站系统到由客户内部技术团队研发的无头电子商务系统 (Headless Ecommerce), 核心技术栈是由 Gatsby 作为静态网站生成器 (Static Site Generator),使用 21YunBox 取代了 Gatsby Cloud 作为网站部署和托管。徐此之外,客户还使用了 21YunBox 的这些服务来提高生产效率:

  • 21YunBox Build: 由 21YunBox 统一往各大 无头后端系统 (Headless backend systems)发起数据请求,并预构建静态网站。

  • 内容交付网络 (CDN): 21YunBox 的极速内容交付网络 (CDN) 节点分布在全中国 31 个省区市,助力客户服务全中国的用户群体。

  • 高配构建器: 由于客户网站的产品照片较多,客户购买了高硬件配置的构建器,使得在 21YunBox Build 进行项目构建时,所有照片会被加载到 Build 里进行处理。

  • 持续自动部署: 当代码发生变更,21YunBox 会自动拉取 Git 里最新的代码并自动进行构建和部署。

  • 自动路由转发: 当 Git 代码提交后,21YunBox 会自动对网站的 URL 进行适配,完全不需要客户的运维工程师参与就能自动完成。

  • HTTPS 安全证书: 全网站配有 HTTPS 安全证书,包括二级子域名和自定议域名,完全不需要客户的运维工程师参与就能自动完成。

  • ICP 备案咨询服务: 针对客户的情况,21YunBox 帮助客户完成 ICP 备案,并使得网站可以合规合法的在中国上线。

  • 技术专家辅助: 针对客户的技术选型和网站在中国境内提供测试辅助。




客户的收益

加快产品上市时间并降低了员工成本

21YunBox 帮助客户加快了开发,审核和部署上线的整个进程。从客户网站上线后的使用数据来看,客户在迁到 21YunBox 后,在没有任何运维工程师的帮助下,Commune 的网站每天顺利上线新产品功能 3 到 4 次。

从 Maltin 多年从业的经验来看,以往的部署上线流程是由研发工程师配合运维工程师一起上线新的功能。在一般情况下,一周能上线一次就已经非常不错了,切换到 21YunBox 后,他的体验是: 新功能上线可以完全不需要运工程师参与,而只需要研发工程师就可以独立完成。同时他觉得 21YunBox Build 极大提高了公司的生产力和降低了成本。


更高的安全性

客户的技术团队不再为网站的安全性而提心吊胆。Commune Lifestyle 网站通过以 JAMStack, 静态托管的方式获得了更高的安全性。

值的一提的是,静态网站在 21YunBox 构建的过程是短暂的,当网站构建完成后,是以静态的方式存放到 CDN 节点中,所以不存在像传统 “动态” 服务的: 用户发请求,然后服务器响应 的情况,所以静态站点让黑客没有攻击面可以进行入侵。相反,黑客更擅于对 “动态” 服务找入侵点,从而获取到 “动态” 服务里的用户数据,订单数据等等。

我们新版的网站是纯静态的 (在网站构建的时候生成的),这使得黑客能攻击面的非常有限,安全性提高了不止一个量级。

Maltin Soe
技术团队负责人, Commune Lifestyle


赋能研发团队

客户在没有额外使用第三方的内容交付网络 (CDN) 的情况下,页面加载时间变快了 10 倍。除此之外,在 21YunBox 的直观架构、透明流程、无缝集成和开箱即用功能使客户的研发团队能够:

  • 独自完成项目,无需引入外包开发公司和额外的第三方服务(额外的成本和额外的的风险)

  • 能掌控更多,无需依赖 IT 运维部门,即可快速解决任何问题。

  • 敏捷开发,上线不再需要依也不需依赖 IT 工程师或 DevOps 工程师。

最让客户团队省心的是: 再也不需要担心性能和高可用,因为 21YunBox 会持续监控并解决任何减速或可用性的问题。



联系我们

针对您所处的行业与业务场景, 我们为您打造专业的解决方案