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

简介: 云效流水线快捷部署企业官网,其中一键部署大幅降低了技术要求和运维成本,提升了部署效率和灵活性。源自由教育门户作为最佳实践案例,展示了云效流水线如何实现快速、高效的持续集成与交付,支持弹性计算,优化资源管理,帮助企业更好地应对业务需求和市场变化。

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

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

image.png

门户网站代表一个公司

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

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

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

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

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

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

网站方案设计

网站开发

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

image.png

网站部署方案

部署的软硬环境如下:

阿里云ECS 服务器

Nginx的Web Server

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

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

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

特性

普通网站部署方式

DevOps部署方式

部署频率

低,通常是手动或定期部署

高,持续集成和持续部署(CI/CD)

自动化程度

低,手动操作为主

高,自动化脚本和工具

版本控制

可能依赖手动管理或简单的版本控制系统

使用成熟的版本控制系统(如Git)

部署时间

长,涉及手动配置和操作

短,自动化流程减少部署时间

错误处理

错误处理复杂,容易出现人为错误

自动化监控和回滚机制,快速处理错误

环境一致性

可能存在环境不一致的问题

使用容器和基础设施即代码(IaC)确保环境一致性

协作和沟通

部署过程中的协作和沟通可能不顺畅

DevOps文化强调团队协作和沟通

可扩展性

可扩展性较差,需手动调整

高可扩展性,自动化扩展和缩减资源

监控和日志

监控和日志可能不全面

全面的监控和日志管理,及时发现和解决问题

安全性

安全性管理可能较弱,依赖手动检查

集成安全性测试和扫描工具,确保部署安全

反馈循环

长时间反馈循环,问题发现和修复较慢

快速反馈循环,问题能及时发现和修复

配置管理

手动配置管理,容易出错

配置即代码(Configuration as Code),管理更高效

部署灵活性

灵活性低,难以快速响应变化

高灵活性,能够快速响应业务需求和市场变化

成本

物理服务器问题:购买硬件设备,占用机房资源;维护与升级需专业人员;扩展性差,需购买新设备;IT成本高,资源利用率低;网络优化、全球部署困难

云服务器ECS:弹性伸缩,无需购置额外硬件;高可用性,由阿里云负责底层运维;弹性伸缩,轻松应对业务变化;按量付费、节省计划等灵活计费模式,降低成本;全球部署,内置网络优化功能

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

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

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

image.png

image.png

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

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

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

image.png

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

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

特性

传统部署方式

云效流水线部署模式

技术要求

高,人工技术成本高

低,初次学习部署后后续操作简单

学习成本

高,需长期技术积累

低,一键部署降低了学习成本

成本管理

不支持弹性计算成本,低访问量时成本不变

支持弹性计算,按需付费,降低硬件成本

部署复杂性

高,手动配置和操作繁琐

低,自动化部署,流程简化

运维效率

低,需大量人工干预和维护

高,自动化运维,减少人工干预

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

云效快捷部署

基础设施和云服务

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

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

云服务器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

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

image.png

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

image.png

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

image.png

2. 执行一键部署方案

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

image.png

image.png

3. 检查ECS

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

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

image.png

image.png

4. 检查域名解析

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

image.png

5. Web 服务器安装

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

云效FLow直接安装环境

直接远程ECS命令配置安装

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

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

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

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

创建流水钱我们代码管理Codeup里面上传代码这种Git方式管理我们源代码下图yuanziyou_website

image.png

创建我们获取HTTPS或者SSL安全链接然后本地代码进行关联 image.png

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

image.png

同时直接VS Code云效源码管理进行关联方便快速修改

image.png

回到云效流水线我们接着配置流水线下图箭头我们选择codeup选择对应源码分支

image.png

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

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

image.png

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

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

image.png

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

image.png

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

image.png

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

image.png image.png

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

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

image.png image.png

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

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

image.png

维护迭代

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

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

评测心得

文档建议

首先评测文档满意方案真心不冗余复杂而且很多地方导航功能基本满足体验整个过程

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

流程建议

整体部署过程还是通畅满足90%需求

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

部署建议

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

补充建议

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

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

总结

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

相关实践学习
基于函数计算一键部署掌上游戏机
本场景介绍如何使用阿里云计算服务命令快速搭建一个掌上游戏机。
相关文章
|
15天前
|
运维 小程序 前端开发
好的商业模式-----小程序定制资料,加一张好看的海报,在推广中就可以找到用户中了,云服务部署收5000,部署是一种服务,定制化,游戏开发创者,仲裁劳务会剪视频好,提供服务,想增加一些新功能收费,会说
好的商业模式-----小程序定制资料,加一张好看的海报,在推广中就可以找到用户中了,云服务部署收5000,部署是一种服务,定制化,游戏开发创者,仲裁劳务会剪视频好,提供服务,想增加一些新功能收费,会说
|
15天前
|
Ubuntu API 数据安全/隐私保护
告别信息搜寻烦恼:用fastgpt快速部署国内大模型知识库助手
告别信息搜寻烦恼:用fastgpt快速部署国内大模型知识库助手
44 0
|
15天前
|
运维
好的运维,自媒体运营,好的商业模式,好的形势,良好的展示,利用一个域名,展示做好的项目,好的商业模式,星球直播课程,带项目在线地址,管理员账号:aaa 123,文章下面填上一句话可以涨粉的方法
好的运维,自媒体运营,好的商业模式,好的形势,良好的展示,利用一个域名,展示做好的项目,好的商业模式,星球直播课程,带项目在线地址,管理员账号:aaa 123,文章下面填上一句话可以涨粉的方法
|
2月前
|
开发者 容器
CodeWave智能开发平台--03--目标:应用创建--03页面子页面设计
CodeWave智能开发平台--03--目标:应用创建--03页面子页面设计
|
2月前
|
存储 监控 安全
ONLYOFFICE:打造安全、便捷的在线办公环境
ONLYOFFICE:打造安全、便捷的在线办公环境
112 2
|
12月前
|
Python
直播网站源码社区功能部署开发:连接世界的互动形式!
直播网站源码社区功能如何去实现from flask import Flask, request app = Flask(__name__) posts = [] @app.route('/post', methods=['POST'])
直播网站源码社区功能部署开发:连接世界的互动形式!
|
运维 监控 安全
硬核测评!三款开发者常用的主机远程管理软件
作为一位开发者,长期以来对于家里有nas+多台主机+树莓派的我,想要ssh登到家里机器做点什么事情很繁琐,尤其没有公网IP的情况下更是繁琐。最近发现一款新的在线软件:牧云·主机管理助手。这款软件体验上比我之前的方案流畅很多。这里对我用过的几种方案做个对比,给有类似需求的人一个参考。
硬核测评!三款开发者常用的主机远程管理软件
《如何高效的制作主机次时代游戏——高效游戏制作流程》电子版地址
如何高效的制作主机次时代游戏——高效游戏制作流程
73 0
《如何高效的制作主机次时代游戏——高效游戏制作流程》电子版地址
|
数据采集 开发框架 安全
准备创建独立站?2022年最新制作企业官网必看的网页设计全攻略
不管你选择自行架设或是委托给网页设计公司,网站架设从主机伺服器、网域名称、网页版面设计、网站视觉呈现,再到后续网站经营的追踪工具、行销推广策略,当中有大量的选择仍需要你自行决定,就算是网页设计公司也只能站在专业的角度提供建置协助。
185 0
准备创建独立站?2022年最新制作企业官网必看的网页设计全攻略
|
域名解析 弹性计算 NoSQL
五大步骤快速搭建个人网站
现在作为一个IT程序猿,没有一个自己的个人网站怎么行呢,现在就连许多不是IT人员都会搭建自己的个人网站 。那作为一个IT人员,如果别人让你帮忙搭建一下网站,然而你却没玩过,说不会,岂不是很尴尬 。另外,如果你自己会搭建网站,说不定还能赚取点额外的广告收入呢 。下面,我用自己搭建个人网站的心得和经验跟大伙分享一下如何简单学会一整套建站流程。
280 0
五大步骤快速搭建个人网站

热门文章

最新文章