快捷搭建教育门户网站 - 源自由

为什么要建立自己的门户网站？

门户网站代表一个公司

没有门户网站的公司可能会被认为不专业。门户网站是公司在互联网时代的名片。它不仅仅是一个在线存在，更是公司形象、品牌价值和业务能力的集中展示。没有门户网站的公司，可能会被认为缺乏现代感和专业性，导致在客户和合作伙伴心中失去信任和好感。门户网站的存在，可以提升公司的可信度和专业形象，展示公司在行业中的地位和竞争力。

门户网站是一个好的宣传手册

门户网站不仅是公司象征，也是一个优秀的宣传手册。它不仅仅是一个展示平台，还可以详细介绍公司的历史、文化、产品和服务，让潜在客户和合作伙伴能够快速了解公司的核心业务和价值。一个精心设计且内容丰富的门户网站，可以吸引更多的访客，提高公司品牌的知名度和影响力。

为什么构建源自由教育官网？

本次项目目标是部署我们公司新项目——教育训练营网站“源自由”。这是一个静态网站，核心功能是作为一个宣传平台，通过视觉和内容展示，让访客了解我们的教育理念和课程内容。网站设计将突出“源自由”的核心价值观和教育目标，使访客能够迅速理解我们所提供的服务和带来的价值。

我们期望通过这次对云效的评测，帮助我们确定未来更好的网站部署方案。

网站方案设计

网站开发

目前我们这个网站只需要静态展示信息，不需要任何动态内容。因此决定用HTML、CSS和JavaScript开发一个简单的静态网站。主要包括四个页面：主页、会员、服务和关于。每个页面展示一个模块的内容。我们从国外找到了一个开源模板，并在其基础上进行了简单的修改。

网站部署方案

部署的软硬环境如下：

● 阿里云ECS 服务器

● Nginx的Web Server

● 云效的源代码管理工具Codeup，做代码管理和版本控制

由于技术上相对简单，我们期望项目的运营人员能够直接修改文字和部署代码。因此，我们计划采用一种简单的部署方式。

首先，我们来了解一下传统部署方式和目前流行的DevOps网站部署和维护方式。

特性	普通网站部署方式	DevOps部署方式
部署频率	低，通常是手动或定期部署	高，持续集成和持续部署（CI/CD）
自动化程度	低，手动操作为主	高，自动化脚本和工具
版本控制	可能依赖手动管理或简单的版本控制系统	使用成熟的版本控制系统（如Git）
部署时间	长，涉及手动配置和操作	短，自动化流程减少部署时间
错误处理	错误处理复杂，容易出现人为错误	自动化监控和回滚机制，快速处理错误
环境一致性	可能存在环境不一致的问题	使用容器和基础设施即代码（IaC）确保环境一致性
协作和沟通	部署过程中的协作和沟通可能不顺畅	DevOps文化强调团队协作和沟通
可扩展性	可扩展性较差，需手动调整	高可扩展性，自动化扩展和缩减资源
监控和日志	监控和日志可能不全面	全面的监控和日志管理，及时发现和解决问题
安全性	安全性管理可能较弱，依赖手动检查	集成安全性测试和扫描工具，确保部署安全
反馈循环	长时间反馈循环，问题发现和修复较慢	快速反馈循环，问题能及时发现和修复
配置管理	手动配置管理，容易出错	配置即代码（Configuration as Code），管理更高效
部署灵活性	灵活性低，难以快速响应变化	高灵活性，能够快速响应业务需求和市场变化
成本	物理服务器问题：购买硬件设备，占用机房资源；维护与升级需专业人员；扩展性差，需购买新设备；IT成本高，资源利用率低；网络优化、全球部署困难	云服务器ECS：弹性伸缩，无需购置额外硬件；高可用性，由阿里云负责底层运维；弹性伸缩，轻松应对业务变化；按量付费、节省计划等灵活计费模式，降低成本；全球部署，内置网络优化功能

通过阿里云云效的同事了解，现在云效的流水线部署方式非常方便且成本低。

在继续之前，先大概说下云效流水线是什么？这样看到我这篇真实评测的真实案例时候也能无障碍的阅读。

云效流水线 Flow 是一款企业级、自动化的持续集成和持续交付工具，通过构建自动化、集成自动化、验证自动化、部署自动化，完成从开发到上线的CI/CD全流程，帮助企业高质量、高效率的交付业务。

最关键的还有一键部署的功能，所以我们快速对其进行了学习了解，这里给大家概括总结下。经过测试和研究，发现一键部署和手动部署最大不同就是采买ECS服务器的地方。

一键部署是基于阿里云资源编排服务ROS（Resource Orchestration Service）实现的，自动化配置了ECS实例和专有网络VPC，真正实现了简单易用。

手动部署，如下图。主要是自己采买ECS等相关的资源，如果是小白这里还是需要稍微学习研究下。

经过我们的研究和评估，我们发现传统部署方式技术要求高，人工技术成本高，而且在网站访问量低的时候也无法实现弹性成本计算。而云效流水线的部署运维模式，在初次学习部署后，后续操作非常简单。现在的一键部署不仅降低了部署学习成本，还升级了硬件成本管理，实现了弹性计算费用。如下：

当然，下面是根据您的研究和评估结果，对传统部署方式和云效流水线部署模式的简单对比表格：

特性	传统部署方式	云效流水线部署模式
技术要求	高，人工技术成本高	低，初次学习部署后后续操作简单
学习成本	高，需长期技术积累	低，一键部署降低了学习成本
成本管理	不支持弹性计算成本，低访问量时成本不变	支持弹性计算，按需付费，降低硬件成本
部署复杂性	高，手动配置和操作繁琐	低，自动化部署，流程简化
运维效率	低，需大量人工干预和维护	高，自动化运维，减少人工干预

最终我们选择云效流水线的，一键部署的方式来部署运维我们的源自由教育官网。

云效快捷部署

基础设施和云服务

部署之前，我们快速给大家展示下整个官网部署维护所需要的基础设施，如下：

● 域名：一个已经完成备案的域名。(我们已经采买和备案，不会点这里可以查看教程）

● 云服务器ECS：1台提供Web服务的云服务器。（直接采用一键部署自动采买）

● 专有网络VPC: 1个专有网络，提供云上私有网络。（直接采用一键部署自动采买）

● 云效代码仓库：存放代码。（点击这里去上传代码）

● 云效流水线：持续构建和部署工作流。

● 云解析DNS：将用户访问网站域名的请求解析到云服务器。

● OSS+CDN：如果网站流量大，可以采用这2个组合做分布式。

● HTTPS：SSL 的加密验证这个直接采用阿里域名的免费3个月机制即可。

部署实操详细过程

上面交代也差不多了，不再赘述，我们直接上干货，大家可以看下我们操作的过程，和每个步骤的评测，期望能帮助到和我们一样的需求的朋友们。

1. 背景分析和学习

我们每个企业都不一样，部署自己官网之前还是要耐心做好调研和学习。下面是官方的方案。

https://www.aliyun.com/solution/tech-solution/build-a-website?spm=a2c6h.29286058.J_9175035460.3.a08b725eZVu9CA

这个方案导读非常不错，我们可以快速了解，快速执行操作，相当于一个引导面板了。

然后看下图，了解下部署方案，其中有箭头的就是一键部署，另外一个就是手动部署。

我们点击一键部署进入详细的部署引导步骤中。如下图，快速阅读下方案概率，都很简单。其中部署准备就是针对没有阿里云账号的要提前注册一个，包括域名建议大家提前准备。这里我们就不截图展示了。

2. 执行一键部署方案

接着，我们直接到一键部署环境，点击图中的红箭头，一键部署。

点击后到了下面这个页面，可以针对性的修改成自己的官网名称。比如我的是yuanziyou_website。选择适合自己的ECS，我们就是简单静态网页，所以选了一个最便宜的。记得把提前注册好的域名填写进去，我们做这个评测所以域名填写的是yunxiao.yuanziyou.com这样的。等测试评测完毕后，就会换位我们正式域名www.yuanziyou.com。