还在用土方法建站？半个钟零基础学习拖拽式建站了解一下。

Posted 2022-04-26 XiaoLin__Java

一、🧀前言

最近在逛街的时候，发现了一个很有意思的东西，拖拽式建站，这不是和最近风很大的低代码有点类似吗？回想起以前自己搭建个人网站的时候，那种辛酸，从写代码开始，然后部署上线测试，真的是太麻烦了，虽然最近也出现了很多一站式建站，但是终究还是有很多的步骤需要自己做。而且很多的一站式建站或者是说无代码建站的，官方文档的质量可以说是参差不齐，买家秀和卖家秀之间的差别，我明明根据你的官方文档来的，但是还是报错，这就直接劝退了很多新手。最近亚马逊云上百余种产品免费套餐。计算资源Amazon EC2首年12个月免费，750小时/月；存储资源 Amazon S3 首年12个月免费，5GB标准存储容量。https://aws.amazon.com/cn/free/?nc2=h_ql_pr_ft&all-free-tier.sort-by=item.additionalFields.SortRank&all-free-tier.sort-order=asc&awsf.Free%20Tier%20Types=*all&awsf.Free%20Tier%20Categories=*all&trk=490306a5-00b9-49f1-8f98-abb8ae88388d&sc_channel=el
今天要介绍的是在亚马逊云科技上使用Microweber，链接给出：亚马逊云科技拖拽式建站，他的文档很详细，刚好就做一个测评加笔记吧。

二、🌭Microweber简介

Microweber是一款优秀的开源软件，可以通过亚马逊云科技的CloudFormation服务零代码部署至自己的服务器上，专门用于降低研发的门槛，可以使用鼠标拖拽的方式或者是键盘输入的方式来进行页面设计，不需要你有任何的代码基础或者是运维部署经验就可以快速开发一个网站，同时他提供了多种模板，比我们自己写的强上百倍，他常用于CMS或者是电商网站的建站，我们可以专注于内容或者是价值的输出，网站全权交给亚马逊云科技即可。
听起来牛逼哄哄，不知道实践起来怎么样？于是乎，我花了一个上午的时间研究了一下，并且写了一篇记录，由于这篇文章写的时候是经过了粉丝的灰度测试的，所以按着我的教程来，百分百成功！第一次的话耗时大概半小时，话不多说，我们开始吧！

三、🍿确认使用的区域

在开始之前，我先唠几句，如果你是刚开始注册亚马逊云科技的话，他会有一个免费体验很多爆款产品的期限，我印象中是12个月，这12个月你可以白嫖很多爆款产品，包括云服务器、云数据库等等，你还等什么，马上来注册一个配合今天的拖拽式建站。
首先要确认使用的区域，我个人认为这个不设置也无关紧要，但是还是设置一下吧，官方的说明是越靠近你的地方，你的服务器响应速度会越快，登录进亚马逊云科技以后就可以进入登录控制台。


看了一圈没有内陆，那就香港吧，反正我人在深圳，隔壁就是香港，所以本文以香港为例。

四、🌈创建并测试

1️⃣打开EC2控制台

本次的拖拽式建站就是这个EC2服务（如果不看官方文档，光知道一个名称，是找不到滴），就在控制台这个页面，找到service->计算->EC2。

点开以后就是这样，满满的科技感有么有。

2️⃣创建密钥对

熟悉云服务器的小伙伴都知道，接下来就是要创建密钥对，这个密钥对是验明身份的标识。我们在左侧找到网络与安全->密钥对。

点击创建密钥对。

第一行输入你的名称即可，其他就选择默认类型。

点击创建密钥对以后，浏览器会默认下载你创建的密钥对。

3️⃣Microweber资源创建

终于可以开始我们资源的创建了。链接在这里：资源创建，这里我挑一些参数详细说明以下，不然会有很多坑！

首先是堆栈的名称，这个比较随意，但是要注意按照官方规定的命名规则去命名。

要有一个网站，必不可少的就是数据库，Microweber为我们预先准备好了一个数据库，而且是mysql的，直接狂喜！我们需要在这里设置数据库的密码。最低要八位数。

这一个配置是我们的数据库的账号，保留默认即可。如果想改也可以。

这两行参数是Microweber后台管理系统的账号密码。

最后一个参数就是我们刚刚创建的密钥对，拥有了这个密钥对，我们就可以登录到后台的服务器。万事俱备以后就可以直接点击创建堆栈。

下一步以后需要等待大概十分钟初始化。

大约十分钟左右，初始化任务就会全部完成，有小伙伴问了，我们刚刚设置了账号密码在哪里可以登录呢？往上翻到菜单栏，有一个输出，在MicroweberLogin参数这里就是我们的登录URL。

注：由于这个教程已经是经过了灰度测试版本，有小伙伴和我说，在初始化资源的时候有时候会失败，也确实是按着我的步骤去做的，但是还是会失败。我和他说再重新操作一次，又可以了！有时候如果遇到了莫名的失败，可以将这个堆栈删了，重新再操作一次即可。

4️⃣测试

点开登录以后，是这样一个简洁的界面。输入账号密码，开冲！注意一下语言，可以选择中文，中国人不骗中国人。

来到这里基本上就大功告成！一个快速的网站就搭建好了，我们来看看访问效果，这里是后台的一个i管理。

我们接下来可以对网站进行一些基本的设置，比如SEO或者是各个菜单栏的设置。

这里就是我们的访问URL了，这个URL是亚马逊云科技CDN服务CloudFront的加速后的地址，我们刚刚创建的网站会自动集成CDN加速，让你的网站在加载的时候可以更快，我们再将它复制到浏览器里就可以看到效果啦！

可以看到，一个很美观很使用的网站就出来了！无需写代码，无需部署，无需运维，三无产品，全部交给亚马逊云科技，无代码爱了！

如果想要修改可以在设置中修改网站的信息。点击站点处的小铅笔就可以修改了，而且延迟很低，基本上改完刷新一下就可以出来。

修改完以后点击保存就大功告成啦！

五、⛅总结

一顿操作下来，来个总结吧！
首先亚马逊云科技的Microweber给我的感觉只有两个字：方便，真的是太方便了，甚至我连数据库都无需安装，之前我一直使用的是宝塔的面板安装，对于一个开发者来说，有时候便利性和必要的预设安装是十分重要的，毕竟我可以更专注于逻辑的实现或者是内容的输出。
其次亚马逊云科技的拖拽式建站的从便利性、官方文档、最终效果等各方面来说，可以打90分（满分100的话），官方文档可以说是很详细了，跟着官方文档一步步走，基本上不会有报错的问题，有报错的我都替你们踩完了。他适用人群是需要快速搭建CMS、商城网站的非专业开发者，当然专业开发者可以直接略过。而且他的市场里面的模板也非常多，可以满足各种商城，可以让非开发者搭上互联网这趟快车。后期应该会考虑拿他去搭建一个属于自己的CMS系统。
最后吧，亚马逊云科技还配置了堆栈的清理操作和各种配套的周边操作，比如说域名的绑定以及HTTPS证书等多个服务，可以看作是Microweber的一个延伸，主要是官方文档很详细，推荐观看！也推荐一些不错的开发者相关内容吧：

1. 入门资源中心：从0到1 轻松上手云服务，内容涵盖：成本管理，上手训练，开发资源。跑https://aws.amazon.com/cn/getting-started/?nc2=h_ql_le_gs&trk=4601add5-b05e-40e5-86a4-84b8eec3a582&sc_channel=ba
2. 架构中心：亚马逊云科技架构中心提供了云平台参考架构图表、经过审查的架构解决方案、Well-Architected 最佳实践、模式、图标等。[https://aws.amazon.com/cn/architecture/?intClick=dev-center-2021_main&trk=d53a1c8e-6978-40d1-855f-3a41a9ee6054&sc_channel=el[(https://aws.amazon.com/cn/architecture/?intClick=dev-center-2021_main&trk=d53a1c8e-6978-40d1-855f-3a41a9ee6054&sc_channel=el)
3. 构建者库：了解亚马逊云科技如何构建和运营软件。https://aws.amazon.com/cn/builders-library/?cards-body.sort-by=item.additionalFields.sortDate&cards-body.sort-order=desc&awsf.filter-content-category=*all&awsf.filter-content-type=*all&awsf.filter-content-level=*all&trk=0958b811-ba51-4288-83da-c324953e8b1f&sc_channel=el
4. 开发工具包：https://aws.amazon.com/cn/tools/?intClick=dev-center-2021_main&trk=ce5bdfe3-ceb1-42d4-aa1b-665461427997&sc_channel=el