建站新体验-基于 Microweber 的拖拽式网页设计

利用 Amazon EC2, Amazon RDS, Amazon CloudFront

前言

在很长一段时间里,网站建设都需要专业研发团队的参与并要投入较多的研发力量,这无疑大大增加了网站建设的门槛。现在,您可以基于 Microweber,使用鼠标拖拽的方式设计页面,没有任何编码基础也可快速完成网站建设。Microweber 是一款开源软件,提供了多种模板、支持在线实时编辑、内容管理(CMS)模块以及简单的电商功能。本教程中,我们将展示快速创建 Microweber 环境的方法。

关于本教程
预计部署时间 30 分钟                                           
费用 费用低于1 USD
若您在实验结束后清理资源
主题 综合建站
受众 所有人
级别 初级
相关产品 Amazon VPC, Amazon EC2, Amazon ELB, Amazon RDS, Amazon CloudFront, CloudFormation
相关行业 通用
上次更新日期 2021年11月

教程说明

进入开发环境 

点击右侧按钮“登陆控制台”进入开发环境,如果您还没有账户,请先注册账户。

海外区域业务或个人使用,请注册“海外区域账户”;

中国区域业务(需企业营业执照认证),请注册“中国区域账户”。

部署方法

  • 您可以根据需要选择对应的区域来部署资源,并在控制台页面右上角确认当前所处区域。

  • 2.1 打开EC2控制台

    密钥对用来满足您后续访问服务器的需求。在 Service 下拉框中,选择 “Compute > EC2”

    将域名解析迁移至 Amazon Route53

    2.2 创建密钥对

    在 Network & Security 栏目下,点击 Key Pairs,点击 Create key pair

    输入密钥对名称,点击 Create key pair,在弹出的提示框中,保存您的密钥对到一个安全的位置。

  • 3.1 选择版本

    针对不同使用场景,我们设计了三种不同架构及成本的方案供您选择,分别为个人版,标准版及企业版。这三个版本在功能上没有区别,主要差异点在于服务器性能、可用性、数据备份机制及成本。具体区别如下:

    • 个人版适合快速体验 Microweber 功能及个人使用,成本最低。采用单台服务器部署,不会产生额外服务器费用。
    • 标准版适合大多数用户,成本适中。采用高可用部署方案,其可以根据负载情况动态调整服务器资源,自动实现故障转移及成本节省;使用独立数据库服务器,可单独调整数据库实例规格;自动化数据增量备份(每天)。
    • 企业版适合对性能及可用性要求较高的企业级用户。在标准版的基础上进一步升级服务器,采用高性能主机,以应对更高性能需求。

    对于新账户来说,个人版及标准版中的一部分服务使用的是亚马逊云科技提供的免费资源(账户建立后的前12个月内有效),可以节省您的成本。

    创建 Microweber 环境的链接如下,请点击对应链接以开始资源创建。

    3.2 配置说明

    在开始配置之前,请在控制台右上角确认区域是否为您期望的,如果不是,请切换到对应的区域再执行后续操作。

    点击 下一步,点击 创建堆栈,在事件页面可以实时查看创建进度,

    等待约 10 分钟,相关资源即可创建完成。您可以切换到输出页查看 Microweber 环境的访问方式。

    其中 MicroweberLogin 字段就是经过 CloudFront 加速后的链接,对于海外区域来说,您可以直接通过此链接访问。需要注意的是,中国区 CloudFront 需要您先绑定已经完成备案的域名,并仅支持自定义域名的方式访问,配置方法见“步骤五 - 自定义域名及证书”。

  • 4.1 访问 Microweber 登陆页

    打开上一步骤中输出的 MicroweberLogin 链接( http 和 https 均可),输入用户名和密码,即可打开如下页面。

    4.2 修改模版

    按照下图所示,您可以调整当前使用的模板,

    您可以使用其他浏览器打开 Microweber 的网址,查看修改后的效果。

  • CloudFront 可以用来加速访问您的网站,同时也支持设置自定义域名以及绑定证书。绑定证书为可选项,如果您不需要通过 https 的方式访问网站,则只设置自定义域名也可以。

    5.1 准备域名

    如果您还没有自己的域名,则可以查看 如何注册域名 中“步骤 2:注册域名”章节,来购买域名(此处可能产生相应的费用)。如果您已经在其他地方购买了域名,我们建议您使用 Route53 托管域名的解析,具体步骤参考将域名解析迁移至 Amazon Route53

    接下来,我们假设您的域名托管在 Route53,且以域名 mw.example.com 为例进行展示,也就是说您计划使用此域名访问 Microweber 环境。

    5.2 准备 SSL/TLS证书

    请参考 SSL/TLS证书申请及使用方法 ,使用 ACM 服务申请免费的公有证书。

    5.3 在 CloudFront 中设置域名及证书

    打开 CloudFront 的控制台,海外区域链接点击此链接, 中国区点击此链接 。

    点击编辑,

    输入域名及证书。

    5.4 配置域名解析

    请参考将域名解析迁移至 Amazon Route53,新增一条类型为 A 的 Alias(别名)记录,将 mw.example.com 指向 CloudFront 的域名,如本文中为 d4g39bmqiq4gx.cloudfront.net。 参考下图,

    等待解析生效后,您就可以使用自定义的域名访问 Microweber。

  • 针对域名及证书,您可以在相关产品页面清理资源;对于 EC2 服务器、数据库、负载均衡器、CloudFront 等资源,您可以在 CloudFormation 的控制台,通过删除堆栈一键清理。

  • 本教程中,我们为您准备了三种不同版本的 Microweber 环境,并介绍了其各自的创建方法,希望您可以据此快速创建出适合自己的网站。

现在就开始在亚马逊云上构建

无论您是在寻找计算能力、数据库、存储、内容分发、人工智能与机器学习,大数据分析还是其他功能,亚马逊云科技都有相应的服务来帮助您建立具有更高灵活性、可扩展性和可靠性的复杂应用。

企业出海或个人体验

超过200项服务
包含80余种产品免费试用

发展中国业务

近百项服务
包含宁夏区域20余种产品免费试用