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

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

门户网站代表一个公司

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

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

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

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

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

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

网站方案设计

网站开发

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

网站部署方案

部署的软硬环境如下：

● 阿里云ECS 服务器

● Nginx的Web Server

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

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

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

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

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

云效流水线 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。

填写完毕后，点击下一步。进入创建阶段，下图可以看到创建的资源名称和创建进度。大概1-2分钟就能创建完毕。

创建完毕后在资源列表中如下所示：

点进去后，就会看到对应资源的一些详细信息。

3. 检查ECS

当我们的ROS创建完成后，我们可以到这个地方来查看自动采购的ECS。

https://ecs.console.aliyun.com/server下图中红框中就是自动采购的云服务器ECS。

4. 检查域名解析

大家记得，在我们采用一键部署时候，还填写了域名。这个可以到域名管理页面找到对应的域名点击解析来查看。https://dns.console.aliyun.com到这个地方来查看。可以看到下图，自动给我创建了填写的子域名和对应的解析地址等信息，是相当的智能。

5. Web 服务器安装

安装ECS的Web Server 有很多种，下面我列几种，供大家参考

● 用云效FLow来直接安装环境

● 直接远程ECS做命令配置安装

● 使用宝塔等服务器安装客户端进行安装

上面安装的详细教程，网上有很多，这里不再增加篇幅，相信大家都没问题。

6. 云效流水线部署-创建流水线

我们看下图，还是从方案指导里面进入云效控制台。

没有创建的企业的根据提示直接创建企业信息。下面是我们公司的信息。

接着点击进入企业。点击新建流水线。图中列表内容是我之前创建过的流水线。

在弹窗中，我选择了PHP的环境，这个大家根据自己官网情况来选择即可。

创建后，下图就是流水线的编排主页面，我把对我不重要的测试环境删除了。

我们对流水线名称进行基础信息修改，如下图我改为源自由正式环境。

7. 云效流水线部署-源代码管理

创建好流水钱后，我们去代码管理Codeup里面上传代码。用这种Git方式来管理我们的源代码。下图是我的yuanziyou_website。

创建好后，我们获取到HTTPS，或者SSL的安全链接，然后跟本地的代码进行关联。

绑定后我们回到codeup上进行检查确保代码已经安全上传。

同时我也直接把我的VS Code和云效的源码管理进行了关联，方便快速修改。

回到云效流水线，我们接着来配置流水线源，看下图箭头中，我们选择codeup，选择对应的源码库和分支。

8. 云效流水线部署-构建阶段

回到流水线主页面，我们进行构建阶段。这个阶段主要就是获取git的版本，比较简单，也不需要太多的配置。如下图所示。

9. 云效流水线部署-主机部署

接着回到流水线主页面，我进行主机部署阶段的配置。这里我们点击主机部署，然后在右侧点击新建主机组。

新建主机组后，出现弹窗，我们选择阿里云ECS。

然后选择我们之前创建的ECS，因为我是选过了，回来截图保存素材，所以这里显示了已占用。接着点击下一步。让你确定创建信息，最终我们选择对应创建的这个主机即可。

回到主页面，如果需要我们这堆部署的路径，包括命令做下处理。然后点击右上角的保存并运行。

10. 云效流水线部署-运行发布

点击运行后，就会来到这个部署执行的页面，很快我们部署完毕。

11. 云效流水线部署-最终展示

到这里，我们的部署就算完成了。最后，我们来验证下最终效果，非常不错。采用一键部署的这种方式，因为是做评测第一次部署，大概一共1小时左右。后续运维过程，应该每次几分钟就可以搞定。

维护迭代

作为多年的一个IT从业者，我十分看重运维的过程和成本，比如技术人员成本，服务器硬件资源成本，网络资源成本等等。阿里云的云效从技术成本，硬件成本都做到了优化，至少比我们之前传统的方式减少一半。当然大家也要注意，如果你的网站经常要装点东西做测试，各种折腾，还是建议大家直接采购一个按年付费的ECS。

最终我会把部署的过程完善，然后教会公司的专门负责运维的同事，他只需要打开VS Code做下基础的文案和图片更换，然后来云效流水线点击运行这个按钮就完成了整体的更新迭代了，OK。公司又可以裁掉一个运维工程师了。哈哈！

评测心得

文档建议

首先说先评测中的文档，我最满意的方案导读真心很棒，不冗余复杂，而且很多地方都有导航的功能，基本满足了我体验的整个过程。

有一个小地方期望能改进，比如方案详情中的每个步骤如果能单独复制出来链接那就更好了，方便给其他人分享转发重要的环节。

流程建议

整体部署过程还是很通畅的，满足了90%人的需求。

这里我提个小建议，如果后续能增加更多的部署模板，可能会更好。比如静态网站部署，其中涉及到一些Web Server等等，这种如果可以像域名解析那种，给几个用户选项，然后直接自动配置，那就更完美了。包括不同类型常用的官网，小程序，其他工具等等。

部署建议

一键部署与手动部署，我更喜欢一键部署，当然还需要把一键部署做的更智能，目标就是普通内容运营人员稍加培训也能操作起来。包括后续增加更多的AIGC模式的部署方案，可以让用户选择部署形式等等。

补充建议

我的这次部署没有任何卡顿。

另外我补充的建议就是AI还得更好更智能的利用起来。就像现在很多RPA工具，Agent工具一样，部署也需要更深入的智能化，来实现部署的自动化和灵活配置性。比如用中文描述下，或者点击选择几下就能搞定。抱歉作为一个技术人员，我不应该这么懒。主要目的还是给公司降本增效。

总结

门户官网很重要，大家一定要重视，同时要根据自己公司的情况来部署和维护。适合自己才是真得好。这篇内容我主要针对云效流水线的一键部署进行了评测，评测过程也是采用了我们目前公司的教育官网作为案例来实践操作的。期望大家能喜欢。