概览
受疫情影响消费者习惯发生改变,刺激了全球电商行业的快速发展。除了依托第三方电商平台将产品销售给消费者之外,企业通过品牌官网或者自有电商平台销售商品也是近几年电商领域快速发展的商业模式。
独立站电商模式可以进行多方面、全渠道的互联网市场拓展,推广所带来的流量、品牌印象、知名度等都完全属于电商企业自己所有,从而逐步建立品牌优势发展私域流量。
对比第三方平台卖家,自己搭建独立站需要完成建站、流量运营、订单履约、用户运营全链路的工作。如何快速建站成为电商企业需要考虑的第一个问题,目前建站主要有三种方式,每个企业不同的需求和技术现状决定各自适合的建站方式。
第一种是全自主开发的方式,虽然可以实现最大程度的自定义和差异化但是需要投入大量研发时间和成本;第二种是选择SaaS系统快速构建电商平台,建站服务商会为企业搭建信息化所需要的所有网络基础设施及软件、硬件运作平台,SaaS建站确实是最便捷的方式,但是随着电商平台规模的壮大可能会发现一些弊端,比如功能可扩展性,数据信息安全以及佣金。第三种是基于开源软件开发电商平台,开源的电商框架会具备库存管理、商品列表、购物车、下单、愿望清单以及支付这些必需的基础功能。
开源组件的优势就在于灵活性强,企业可以根据实际运用需求自主二次开发功能板块构建自定义的电商平台,满足不同阶段的需求。这种建站方式降低了开发门槛,也提高了自由度和保证了数据安全,但是需要自行管理底层基础设施保证平台的稳定性。
使用Serverless的架构来托管应用可以很大程度解决这个痛点,用户只需要管理应用代码而不需要运维底层的资源,另外Serverless的部署架构对于关注成本效益的用户来说是一个很好的起点。
本文主要会讲解如何利用亚马逊云科技Serverless服务Lambda做计算资源来托管开源的WooCommerce,Lambda以及其他无服务器服务内置功能扩展和弹性可以省去运维的烦恼,同时按运行时间计费的粒度提高了成本效率。为了帮助客户快速上手,我们还提供预定义的 CloudFormation 模版能够一键部署所有资源,包括网络环境,计算资源,数据库等,在两个小时内就能搭建起一个电商平台。
WooCommerce 简介
WooCommerce是一个基于WordPress.org的开源的电商网站插件,它可以帮助企业在WordPress的基础上快速的构建一个在线电商平台,提供商品列表,购物车,下单和支付等电商相关功能。WooCommerce在全球有超过1000万的下载量,在访问量超过百万的网站中WooCommerce占了27%,并且用户数量还在持续增长中。
庞大的用户群也确保了WooCommerce拥有非常活跃的互动社区。这也意味着,你将加入互联网上增长最快的开源社区之一。此外,使用WooCommerce也就等于你可以使用超过50,000个WordPress插件,包括很多专门为 WooCommerce 设计的插件。简洁明了的店铺风格也是电商平台给予消费者直观的体验之一,WooCommerce具有丰富主题模版。所有WordPress主题都适用于WooCommerce插件,卖家可以从大约1000个WooDesign主题中自由选择。这一点较Magento和Shopify更有优势。
此外,卖家还可以从ThemeForest等板块获取精美主题。为了覆盖更多终端用户电商平台需要考虑到移动端的兼容,WooCommerce在设计时就加入了移动友好特性,所以无论访客使用哪种设备浏览店铺,它都可以平稳地运行并完美地呈现商品。同时WooCommerce提供了很多分析工具和店铺管理功能。通过商品页可以看到单个商品的销售量,分类页则能以商品的类别进行数据统计。当然,你也可以根据日期和不同品牌来统计每日和每月的销售量。
WooCommerce默认提供PayPal和Stripe付款。不过,由于WooCommerce是一个开源平台,因此许多区域性的或者不是特别大众的第三方支付服务也已为WooCommerce建立了集成(P.S.你也可以找到微信支付和支付宝的扩展插件)。同时,它也支持主要的信用卡、借记卡、网上银行等。
WooCommerce的免费易用,轻量级和可扩展性成为大量独立站建站的第一选择。由于WooCommerce是在WordPress基础上安装插件做电商平台,所以第一步就需要安装部署WordPress,比如创建计算实例Amazon EC2和数据库 RDS,还有网络VPC和安全等基础设施的规划,然后在域名托管处比如Route53将自己的购买的域名解析到对应的资源上。如果需要进一步提高用户访问速度,边缘加速服务Amazon CloudFront也是必不可少的部分,另外架构的高可用和弹性也会影响到用户体验,可以通过负载均衡器ELB和弹性扩容组AutoScaling来实现。上述参考架构说明了在亚马逊云上部署WordPress和WooCommerce的完整最佳实践。
用户请求从Amazon CloudFront (1) 中的边缘缓存进来,Amazon CloudFront 将内容缓存在最终用户附近的边缘节点,以加快用户访问速度。
动态请求回源到Application Load Balancer (4)转发到WordPress的EC2实例,边缘节点没有命中的静态请求回源到S3存储桶。
WordPress的EC2实例配置为Auto Scaling 组运行(6)。
ElastiCache 集群 (7) 缓存频繁查询的数据以加快响应速度。
使用Amazon Aurora MySQL 实例(8) 托管WordPress 数据库。
WordPress的EC2实例通过每个可用区中的 EFS 挂载目标共享EFS 文件系统实现数据共享 (9)。
Serverless-WooCommerce
建站方案架构
为了解决用户部署基础设施的工作,本文提供的Serverless-WooCommerce一键部署方案是基于亚马逊云无服务器服务Amazon Lambda来部署WordPress和WooCommerce。对比前文提到基于服务器部署WordPress和WooCommerce,Serverless-WooCommerce主要是用Lambda来实现动态请求的处理,替换了原有架构中的负载均衡器ELB和弹性扩展组Autoscaling,架构图详情如下:
1.Amazon Route53负责域名的解析,Amazon CloudFront通过边缘节点加速用户的访问。
2.用户的动态请求回源到Lambda URL触发后续Lambda运行,边缘节点没有命中的静态请求回源到S3存储桶。
3.Lambda Adapter接收到Lambda事件并将其转换成Wordpress能处理的HTTP请求。
4.数据库层使用ElastiCache 集群缓存频繁查询的数据以加快响应速度,使用Amazon Aurora MySQL 实例做数据库。
5.通过每个可用区中的 EFS 挂载目标将Amazon EFS文件系统挂载到Lambda 本地目录,实现WooCommerce的共享文件系统。
快速部署
WooCommerce on serverless
通常我们会使用GUI和CLI来创建和管理云资源,但是随着系统的复杂度提升,底层资源的增加,手动管理会成为一个噩梦,一个很小的人为失误可能导致系统崩溃。本方案采用亚马逊云科技原生的IaC(Infrastructure as Code)工具,CDK(Cloud Development Kit)部署云资源。CDK是cloudformation的高级封装,可以通过高级语言去定义云资源。
CDK(Cloud Development Kit):
https://docs.aws.amazon.com/cdk/v2/guide/getting_started.html
使用CDK,通过代码的方式(而非手动流程)来管理云资源,可以确保每次置备的环境都完全相同,并避免发生未记录的临时配置更改。CDK也可以和DevOps结合起来。本解决方案通过CDK一键部署所有资源,为减少实验成本,在CDK模板里拉起的ElastiCache和RDS aurora实例规模很小,客户可自行修改CDK模板,调整资源规模以适应生产。
前提
具有 亚马逊云科技 账户管理员访问权限的 IAM 用户身份。
如果您在本地运行本项目需要提前安装亚马逊云科技 CDK 与 CLI,您可以选择使用Cloud9。另外需要注意 亚马逊云科技 CLI 版本需要在19 以上,亚马逊云科技 CDK 版本需要在 2.24 以上。
一个可用于公网访问的域名
部署无服务器电商网站基础设施
1.获取部署代码
git clone
*左滑查看更多
2.初始化CDK项目
#通过Cli获取账户相关信息
aws sts get-caller-identity
#填入上述命令返回的Account-id替换以下命令的ACCOUNT-NUMBER
`cdk bootstrap aws``:``///
*左滑查看更多
3.配置环境变量
a.创建环境变量文件:复制 cdk 目录下的隐藏文件.env.example,重命名为.env
b.替换示例文件中的域名:用提前准备好的可公开访问的自定义域名,替换如下配置中的域名部分,该域名需要在route 53里面有托管区
c.替换配置文件中对应的密钥:访问网站: https://keys.live.lambdashop.xyz/生成随机密钥,并替换配置文件中对应的密钥
`#域名替换部分
# a DNS domain hosted on Route53`
`ROUTE53_HOSTEDZONE``=<``site``.``example``.``com``>`
`# the name for your site`
`ROUTE53_SITENAME``=<``site``.``example``.``com``>`
`# specifyWordPress environment: development, staging or production.`
`WP_ENV``=``production`
`# URL forWordPress home`
`WP_HOME``=``https``:``//`
`# URL forWordPress root. Bedrock is under /wp`
`WP_SITEURL``=``https``:``///wp
#密钥替换部分
# Generate your keys with 'openssl rand -base64 48'
AUTH_KEY="replace me..."
SECURE_AUTH_KEY="replace me..."
LOGGED_IN_KEY="replace me..."
NONCE_KEY="replace me..."AUTH_SALT="replace me..."
SECURE_AUTH_SALT="replace me..."
LOGGED_IN_SALT="replace me..."
NONCE_SALT="replace me..."
`
*左滑查看更多
4.部署网站,大约需要25分钟
cd cdk
npm install
make diff
make deploy
5.等到返回Stack ARN和对应资源的访问链接表示部署完成
安装配置WordPress与WooCommerce
1.访问上一步设定的自定义域名再填入网站标题及管理员密码等信息,点击安装 WordPress
2. 待WordPress安装完成之后点击 Log In登陆到管理控制页面
3. 点击控制台左侧 Appearance根据自己的喜好选择,以安装 Blocksy 为例
4. 安装好之后WordPress页面左边导航条会出现Blocksy,点击之后在 starter sites 浏览页面的基本样式
5. 安装必要的 Blocksy WordPress 插件,点击控制台左侧 plugins,点击安装 Stackable – Gutenberg Blocks,同样的操作安装WPForms用于留言板 , Query Monitor 则可以帮助我们在开发环节调试查看当前页面性能,最后安装 WooCommerce 插件
6. 安装激活WooCommerce 后会跳转到WooCommerce 网站配置页面,根据实际情况配置商家地址,所售物品类别与数量等。然后在WordPress管理页面左边导航条继续配置WooCommerce 商店信息,包括商品信息,支付方式,税率,发货方式等等。
7. 使用 Blocksy 配置WooCommerce,使其成为一个可用的电商网站。
a.删除 wordpress 已有页面, 点击页面左侧 Pages => 全选 => Move to Trash => Apply
b. 导入 Blocksy 预留主题,点击页面左侧 Blocksy => Starter Sites => Gadgets => import
c. 取消选择 Install Child Theme,同样的WPForms 和 Stackable 已经安装好了,这里我们取消选中,然后下一步。
d. 等待几分钟 Blocksy 安装完成,点击View Site 查看我们WooCommerce 网站,可以看到我们主页已经有很多商品,还可以下单测试网站功能,下单完成之后还可以在后台看到订单详情。
至此整个 WooCommerce 站点配置已经完成,本文以 Blocksy 为例自定义了整个网站主题,该站点具有下单、支付、订单管理功能。
总结
本文介绍的无服务器建站方式提供了快速构建电商独立站的一种方式,非常适合初期建站的用户使用。利用亚马逊云科技的Serverless服务Lambda,无需管理WordPress的基础设施,自动扩缩容以应对流量高低峰。
数据库和缓存也使用亚马逊云科技托管服务,最大程度减少运维工作量。同时提供CDK代码来部署和管理整套资源,让您可以方便的通过修改CDK代码来进行扩展。
本篇作者
汪其香
亚马逊云科技解决方案架构师,负责基于亚马逊云科技云计算方案的架构咨询和设计实现,具有丰富的解决客户实际问题的经验,同时热衷于深度学习的研究与应用。
许昌月
亚马逊云科技解决方案架构师,负责基于亚马逊云科技的云计算方案架构咨询和设计,实施和推广,擅长软件开发,具有丰富的解决客户实际问题的经验。
听说,点完下面4个按钮
就不会碰到bug了!