基于云效流水线高效构建企业门户网站体验评测

简介: 阿里云云效流水线作为一款企业级持续集成和持续交付工具,在助力高效构建企业门户网站方面表现出色。

解读方案

本次体验评测活动地址链接是:解决方案评测|高效构建企业门户网站 (aliyun.com),感兴趣的朋友们不妨都来体验一番并写上你真诚宝贵的意见。

在正式开始体验前,需要先认真仔细地阅读方案整体,点击活动页的查看方案即可前往。

通读一遍后你可以非常清晰地了解到,企业为什么要构建门户网站、传统构建与云效构建有啥差异、云效构建的方案简介、云效构建的部署选择、云效构建的成本花费等。可以说方案主打的就是一个通俗易懂,一目了然,既能满足用户实际需求又能提供多种方式供用户选择,且非常清晰地罗列了成本开销,这不就是老板们心目中理想的那份解决方案嘛。

接下来就啰嗦地罗列下方案的概要,帮助那些不怎么想通读方案又想获取方案要点的朋友们。

为什么要构建门户网站

img

方案中阐述很精炼,这里我冒昧拓展一下。

  • 门户网站是组织在线身份的核心,能够展示其品牌、价值观、产品和服务。通过精心设计的网站,组织可以塑造专业、可靠和前沿的品牌形象。
  • 门户网站是组织发布最新信息、新闻、公告和报告的重要渠道。用户可以轻松地获取组织的相关信息,保持对组织动态的了解。
  • 门户网站提供用户交互的功能,如在线表单、联系信息、反馈系统、在线聊天等。这些功能帮助组织与用户建立更紧密的联系,收集用户反馈,提升用户满意度。
  • 许多组织通过门户网站提供在线服务,如在线预约、文件下载、产品购买等。这些服务为用户提供了便利,同时也提高了组织的运营效率。
  • 门户网站是组织进行在线营销的重要工具,可以吸引潜在客户,提升品牌知名度。
  • 门户网站可以整合组织内部和外部的资源,如文档、数据库、多媒体内容等。用户可以方便地访问这些资源,促进信息的共享和知识的传播。

综上,搭建门户网站对于组织来说具有多方面的价值和意义。它不仅可以展示组织品牌形象、传递信息、提供服务和吸引潜在客户,还可以帮助组织与用户建立更紧密的联系,提升用户体验和满意度。

传统构建与云效构建对比

传统的网站搭建流程主要包括以下几个方面:需求分析与规划、页面与交互设计、架构设计、技术选型、代码编写、部署发布、运维管理、迭代维护。

对比项 传统方案 云效方案
技术投入 自建或使用开源项目搭建基础设施:技术门槛高;大量人力、物力、财力投入;需要持续维护与升级;与内部系统、外部服务集成复杂 一站式DevOps平台:集成项目协作、代码管理、自动化流水线、制品仓库、测试管理、应用交付等工具;减少基础架构构建与运维工作,专注于产品开发;免搭建、免运维,注册登录阿里云即可使用;无缝对接ECS、OSS、CDN等阿里云产品
成本投入 物理服务器问题:购买硬件设备,占用机房资源;维护与升级需专业人员;扩展性差,需购买新设备;IT成本高,资源利用率低;网络优化、全球部署困难 云服务器ECS:弹性伸缩,无需购置额外硬件;高可用性,由阿里云负责底层运维;弹性伸缩,轻松应对业务变化;按量付费、节省计划等灵活计费模式,降低成本;全球部署,内置网络优化功能

云效构建拓扑

通过阿里云云效流水线助力您持续部署企业门户网站到云服务器ECS上,通过云解析DNS将您的域名请求解析到ECS上的企业门户网站服务。

image.png

云效构建方式选择

方案提供了两种构建方式,分别是一键部署和方案部署。说通俗点,一键部署就是全程无需关注部署阶段,构建过程全部自动化,主打一个高效快捷;而方案部署,也成为手动部署,就是需要用户按照方案提供的步骤,一步一步有条不紊地进行,主打的就是一个按部就班,条理清晰。
image.png

image.png

使用云效成本

使用云效构建门户网站,需要准备云服务器ECS、专有网络VPC、域名、云效代码仓库、云效流水线、云解析DNS。其中最大的花费就是ECS和域名(可选)了,方案也提供了优惠,如下:

image.png

当然,如果你是ECS的新用户,还可以领取免费试用,如下:

image.png

解决方案推荐

image.png

除了构建门户网站,方案还推荐了其他类型业务的解决方案,比如构建博客或者小程序。

云上高可用架构

一站式快速开发多平台小程序

当然,如果以上方案没有你需要的,可以点击立即咨询,跳转到售前客服一对一帮你解决。

部署实践

上面提到的两种云效构建门户网站的部署方式,下面就挨个体验。

一键部署

部署准备

image.png

账号及ECS

账号申请这里就不赘述了,一个手机号或者一个邮箱就可以完成注册,完成实名认证,如果你是新用户可以先领取ECS试用,如果你是老用户且没有ECS在用的情况下,需要确保账户余额不低于100元,而后购买一台ECS。

下面将着重介绍如何申请并购买一个域名。

注册域名

1、创建域名信息模板并实名认证。

  • 登录阿里云域名控制台。在左侧导航栏单击信息模板,在信息模板页面单击创建新信息模板。如下:

image.png

根据界面提示,完成域名持有者信息填写,单击提交。这里需要注意的是所填信息一定要真实,否则无法通过审核。

image.png

初次注册,邮箱是需要二次认证的。点击图示的“点此进行邮箱验证”,如下:

image.png

确定后可以在所填邮箱中收到如下邮件,点击“验证链接”,完成验证。如下:

image.png

再次点击提交,来到审核页面,如下:

image.png

审核通知会发送到填写的手机号上,记得查收,这里大概1小时后我收到了审核通过的短信。

购买域名

登录阿里云域名注册。在首页的搜索框中,搜索您想要注册的域名以及域名后缀,单击查询域名。比如以名字简写的.com域名,搜索结果如下:

image.png

对于查询结果为未注册的域名,单击加入清单。在域名清单中确认已添加的域名,单击立即购买。域名都是以年为单位进行购买的,测试用这步我们就忽略。

完成支付后,域名注册订单会短暂的显示为处理中状态,待订单状态变为成功,域名即注册成功。

域名备案

阿里云ICP代备案管理系统,根据界面提示,按要求填写主办单位信息和网站/App信息等,系统将根据您所填信息,自动校验是否可以进行ICP备案。提交ICP备案初审订单后,订单状态为阿里云审核中。比如:

image.png

资源加速

如果你的门户网站存在大量静态文件或资源分享类需要经常上传下载的话,推荐配置静态资源加速。这样不仅能降低源站的负载压力,还能够提升网站的访问性能,同时还能在高并发场景下为您节约成本。

针对此类场景,阿里云同样配置了解决方案,这里就不再赘述。点击前往。网站静态资源访问加速_技术解决方案

域名解析

很多人可能会问,我通过公网IP不是已经可以畅通无阻访问我的门户网站吗,为啥还需要折腾域名解析。下面就概要说下为啥要域名解析以及通过域名解析能获得那些好处:

  1. 易记性:域名通常是由一串有意义的字符组成,如(http://www.example.com),这样的名称比IP地址(如192.168.1.1)更容易记忆。对于用户来说,他们更倾向于记住一个简短、有描述性的域名,而不是一串数字。
  2. 灵活性:域名解析允许管理员将域名映射到不同的IP地址。这意味着,如果服务器需要迁移或升级,管理员只需更改域名解析记录,而无需通知所有用户新的IP地址。这种灵活性使得网站和服务器的管理更加便捷。
  3. 支持负载均衡:通过使用域名解析,管理员可以将流量分配到多个服务器或数据中心。这有助于实现负载均衡,提高网站的可用性和性能。当某个服务器负载过高时,流量可以被自动重定向到其他服务器,从而确保用户能够顺畅地访问网站。
  4. 支持多语言:域名可以使用多种语言字符,这使得全球用户更容易访问和记忆网站。例如,使用本地语言的域名可以吸引更多的本地用户,提高网站的知名度和影响力。
  5. 增强安全性:通过域名解析,管理员可以实施各种安全措施,如SSL证书和防火墙。这些措施可以保护网站免受恶意攻击和数据泄露的威胁。此外,域名解析还可以用于实现反向代理和CDN(内容分发网络),进一步提高网站的安全性和性能。
  6. 便于品牌推广:一个好的域名可以成为品牌的重要组成部分,帮助企业在互联网上树立形象并扩大知名度。通过使用与品牌相关的域名,企业可以更容易地吸引潜在客户并建立信任关系。
  7. 支持子域名:域名解析支持创建和使用子域名。这允许网站管理员将不同的部分或功能分配给不同的子域名,从而提高网站的组织性和可维护性。例如,一个电子商务网站可能使用“shop.example.com”作为其购物部分的子域名,而“blog.example.com”作为其博客部分的子域名。
  8. 易于管理:域名解析通常通过DNS(域名系统)进行管理,这是一个分布式数据库系统,用于存储和解析域名与IP地址之间的映射关系。DNS系统提供了强大的功能和灵活性,使得域名解析的管理变得相对简单和高效。

相信看了上述优点后,你的顾虑应该是能够打消的。门户网站做域名解析可谓是花小钱办大事。那配置域名解析需要做那些操作呢,如下:

登录云解析DNS控制台。在域名解析页面,权威域名页签下,点击目标域名处的解析设置按钮,进入解析设置页面。如下:

image.png

如果你有域名,单击添加记录,填写域名解析信息,然后单击确认。选择域名指向的类型为A、主机记录输入框中填写@、TTL为域名的更新周期,根据实际需求填写、记录值就是ECS实例的公网IP。

配置证书

对于企业类网站,数据安全至关重要。门户网站配置证书对于提高网站安全性、用户信任度、搜索引擎排名以及满足法规要求等方面都具有重要作用。配置证书可以实现数据从明文传输到加密传输的转变。确保用户正在访问的是合法的网站,而不是假冒网站。

配置证书操作如下:

登录数字证书管理服务控制台。在左侧导航栏,选择证书管理 > SSL证书管理,在SSL 证书页面,单击免费证书页签。如下:

image.png

免费证书页签,单击立即购买。在立即购买面板,保持默认选项,仔细阅读并勾选服务协议,单击立即购买并完成支付。(免费SSL证书领取后不支持取消订单)如下:

image.png

其他更多细节请查看下面的文案,点击可前往。

快速领取并部署免费SSL证书_数字证书管理服务(原SSL证书)(SSL Certificate)

安装SSL证书_轻量应用服务器(SAS)

域名审核及备案耗时较长,在申请备案还没完成前,以先完成本方案的资源部署和云效构建,使用ECS的公网IP来访问您搭建的网站。

资源编排

一键部署基于阿里云资源编排服务ROS(Resource Orchestration Service)实现,你可以理解为自动化脚本,将部署所需一切资源及条件提前准备好,通过自动化步骤逐条逐项完成部署。

点击方案中的一键部署,跳转到资源编排ROS控制台,如下:

image.png

选择好ECS所在区域,选择ECS规格,提供多种规格的抢占式实例选择,网站域名为可选参数,如上述的域名申请备案还没下来,这里可以不填。点击创建。如下:

image.png

image.png

点击“事件”选项卡,可以很直观地看到当前部署的进度已经每个步骤耗时。如下:

image.png

大概1分钟后,部署完成,如下:

image.png

部署服务端

进入云效控制台,单击立即使用,首次使用需要按操作步骤创建您的企业、选择您的角色之后,点击开始工作。如下:

image.png

image.png

进入流水线Flow,单击立即新建。如下:

image.png

在弹出面板中选择Java,顶部选择可视化编排,找到Java构建、部署到阿里云ECS/自有主机流水线,单击创建,进入流水线配置界面。

image.png

单击添加流水线源。选择流水线源为代码源,选择Codeup。点击新建代码仓库。如下:

image.png

在代码管理页面右上角,单击导入库。在导入代码库弹出框,选中URL导入,在源代码仓库地址填入https://atomgit.com/aliyun_solution/web-demo.git,单击确定。如下:

image.png

image.png

回到流水线源配置页面,选择刚刚创建的代码仓库,分支选择master,并点击添加,完成流水线源的配置。如下:

image.png

单击Java构建上传。在右侧编辑面板内,选择任务步骤 > 构建物上传,在打包路径下新增一个deploy.sh。关闭编辑面板。如下:

image.png

单击主机部署。配置制品。在右侧编辑面板的制品下拉框选择上游构建阶段的产物。如下:

image.png

在如上界面单击新建主机组,在新开的全局设置 > 主机组管理页面中再次单击新建主机组。如下:

image.png

新建主机组弹窗中,填入自定义的主机组名称,然后单击确定。如下:

image.png

在主机组详情页面,单击添加新主机添加方式选择阿里云ECS,单击添加服务连接。如下:

image.png

新建服务连接面板单击+新建,完成RAM授权后,创建服务连接。如下:

image.png

回到接入新主机面板,地域下拉框选择华东1(杭州),勾选您在该地域下创建的ECS实例,单击保存。如下:

image.png

回到流水线主机部署编辑面板,在主机组下拉框选中刚刚创建的主机组。如下:

image.png

部署脚本文本框中填入如下脚本。

tar zxvf /home/admin/app/package.tgz -C /home/admin
sh /home/admin/deploy.sh restart /home/admin/target/web-demo-0.0.1-SNAPSHOT.jar

单击流水线页面右上角保存并运行,在弹出的运行配置弹窗中单击运行。如下:

image.png

image.png

稍等一小会,完成构建如下:

image.png

在暂时没有域名的情况下,可以通过ECS的公网IP进行访问,效果如下:

image.png

手动部署

相较于一键部署,手动部署需要先创建ECS,并安装java环境,后面的云效设置及域名配置都是一样的。这里就不再赘述了,愿意捣鼓的朋友们可以前往查看。

image.png

资源释放

作为体验评测最重要的一步也是必要的一步就是进行资源的释放和清理,避免产生额外费用。本次体验评测涉及释放的资源有ECS、VPC、ROS、流水线等。具体释放步骤如下:

登录ROS控制台,找到对应的资源编排,操作项中点击“删除”。(此步骤会将涉及的ECS、VPC、安全组等一并删除)如下:

image.png

进入云效控制台,在我的流水线中找到对应的条目,点击“删除”。如下:

image.png

体验总结

  • 整个部署文档帮助非常多,提供了详尽的文档资源,覆盖了从环境配置、代码部署到域名解析的全过程。这些文档资源对于初次接触云效流水线的用户来说是极大的帮助。方案不仅提供了必要的部署步骤,还增加了可选功能,让用户一次性就能学习到多种产品的使用方法。作为阿里云的主推或者说是拳头产品,在文档帮助方面做的是非常好,不仅有概念性的阐述、原理性的解释,还增加了很多实践类和场景应用类的文案,让用户不仅能够了解产品、使用产品,还能更好地结合场景应用产品。如果要说文档帮助的不足,那吹毛求疵的认为缺少点视频教程,相比文字性的解释说明,我更倾向于视频讲解。比如增加实战案例或视频教程:对于一些较为复杂的配置选项,如安全策略设置、性能优化建议等,如果能增加更多实战案例或视频教程,将更有助于用户理解和掌握云效流水线的使用技巧。

  • 云效流水线的操作界面简洁明了,易于上手。部署流程指引能够很好地指导用户完成部署需求,且每个步骤中都有独立的文案帮助用户更好地使用。流程上也是做到了详细易用,即使是小白用户都能快速地完成部署。如果要说流程中的唯一不足就是没有特意标明可选,比如该文案中的域名,其实用户是可以不需要域名,也可以完成部署的。但从另一个方面来说,域名作为门户网站不可或缺的重要部分,单独从流程中拎出来貌似也不妥。其实仔细阅读文案的同学可以发现,在步骤起始就已经有说明这点的。如下:

image.png

​ 从上面来说,我提的这点优点鸡蛋里挑骨头了。

  • 两种部署方式,我更倾向于一键部署。一键部署通过预设的构建和部署流程,自动化完成整个部署过程,大大减少了人工干预和等待时间,提高了部署效率。对于非技术人员或初学者来说,一键部署提供了简洁明了的操作界面和流程,降低了使用门槛。

    而手动部署也不是一无是处,它允许用户根据实际需求自定义部署流程,包括选择部署环境、配置参数、执行脚本等,具有更高的灵 活性。用户可以精确控制每个部署步骤,确保每一步都符合预期,提高部署的可控性。

  • 部署过程非常流畅,只需要你严格按照文案要求的一步一步来,完全可以做到零失误完成部署。所以在这一块我也没遇到啥问题或异常。当然如果你部署过程中遇到问题或异常,云效流水线具备智能排查功能,能够快速定位问题并给出修复建议。

写在最后

随着企业数字化转型的加速,企业门户网站作为企业与外界沟通的重要窗口,其建设效率和质量愈发受到重视。阿里云云效流水线作为一款企业级持续集成和持续交付工具,在助力高效构建企业门户网站方面表现出色。通过自动化构建与部署、多样化发布策略以及智能化排查与修复等功能,云效流水线不仅提高了开发效率和质量,还为企业带来了更好的用户体验。同时,云效流水线在操作界面、实时反馈和文档资源等方面也表现出色,为用户提供了便捷、高效的服务。未来,随着技术的不断发展和优化,相信云效流水线将在企业发展更多领域发挥更大的作用。

相关实践学习
2分钟自动化部署人生模拟器
本场景将带你借助云效流水线Flow实现人生模拟器小游戏的自动化部署
SVN版本控制系统
SVN是现在软件开发之中的主流软件版本控制工具,在工作之中利用SVN可以有效的解决多人开发的代码管理问题,本课程将为读者讲解SVN服务器的配置以及基于MyEclipse的SVN客户端插件的配置与使用,并且在讲解之中着重讲解了冲突的产生于解决。
目录
相关文章
|
24天前
|
jenkins 测试技术 持续交付
Docker最佳实践:构建高效的CI/CD流水线
【10月更文挑战第17天】在现代软件开发实践中,持续集成(Continuous Integration, CI)和持续部署(Continuous Deployment, CD)已成为提高开发效率和软件质量的重要手段。Docker作为一种容器技术,为构建一致且隔离的开发环境提供了强有力的支撑。本文将探讨如何利用Docker来优化CI/CD流程,包括构建环境的标准化、镜像管理以及与CI/CD工具(如Jenkins、GitLab CI)的集成。
47 5
|
1月前
|
运维 jenkins 持续交付
自动化运维之路:构建高效CI/CD流水线
在软件开发的快节奏中,持续集成和持续部署(CI/CD)流水线是提升效率、保障质量的关键。本文将引导你理解CI/CD流水线的重要性,并手把手教你如何搭建一个高效的自动化运维系统。通过实际代码示例,我们将一步步实现从代码提交到自动测试、部署的全流程自动化,确保软件交付过程既快速又可靠。
|
3月前
|
前端开发 Java UED
JSF遇上Material Design:一场视觉革命,如何让传统Java Web应用焕发新生?
【8月更文挑战第31天】在当前的Web开发领域,用户体验和界面美观性至关重要。Google推出的Material Design凭借其独特的动画、鲜艳的颜色和简洁的布局广受好评。将其应用于JavaServer Faces(JSF)项目,能显著提升应用的现代感和用户交互体验。本文介绍如何通过PrimeFaces等组件库在JSF应用中实现Material Design风格,包括添加依赖、使用组件及响应式布局等步骤,为用户提供美观且功能丰富的界面。
45 0
|
3月前
|
前端开发 Devops 持续交付
【前端自动化新高度】Angular与Azure DevOps完美结合:从零构建持续集成与持续部署的全自动流水线,提升开发效率与软件交付质量!
【8月更文挑战第31天】Angular作为领先的前端框架,以强大功能和灵活性深受开发者喜爱。Azure DevOps提供一站式DevOps服务,涵盖源码管理、持续集成(CI)及持续部署(CD)。本文将指导你如何在Azure DevOps中搭建Angular项目的CI/CD流程,并通过具体示例代码展示整个过程。首先,我们将创建一个Angular项目并初始化Git仓库;然后,在Azure DevOps中设置CI流水线,定义YAML文件以自动化构建和部署流程。最终实现每次提交代码后自动构建并部署至Azure Web App,极大提升了开发效率和软件交付速度,使团队更专注于创新。
35 0
|
3月前
|
Devops API
阿里云效流水线API简单使用
阿里云效流水线API简单使用
|
3月前
|
敏捷开发 测试技术 持续交付
阿里云云效产品使用合集之流水线构建出现问题,连接不到nuget,该如何处理
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
|
3月前
|
缓存 资源调度 Kubernetes
阿里云云效产品使用合集之如何将两个独立的代码仓库构建并部署到同一个容器内
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
|
3月前
|
弹性计算 运维 Serverless
项目管理和持续集成系统搭建问题之云效流水线支持阿里云产品的企业用户如何解决
项目管理和持续集成系统搭建问题之云效流水线支持阿里云产品的企业用户如何解决
79 1
项目管理和持续集成系统搭建问题之云效流水线支持阿里云产品的企业用户如何解决
|
3月前
|
敏捷开发 Java 测试技术
阿里云云效产品使用合集之如何下载流水线构建过程中生成的jar
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
|
3月前
|
敏捷开发 测试技术 持续交付
阿里云云效产品使用合集之如何限制在本地的构建主机创建的流水线的并发数
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。