摘要:以华为云软件开发平台DevCloud为例,十分钟简单体验下DevOps应用上云实践——H5经典小游戏上云。
本文分享自华为云社区《《DevOps实践秘籍》十分钟速成DevOps实践》,作者:AppCloud小助手 。
DevOps是什么?
DevOps是Development和Operations的组合词,简单点理解就是研发运维一体化的方法论,目的是通过自动化“软件交付”和“架构变更”的流程,来使得构建、测试、发布软件能够更快捷、频繁和可靠。
实现这些理念的自动化平台,即为软件开发平台,包括从项目管理、代码开发、流水线、编译构建、部署、软件发布库等全流程软件开发服务,简而言之,你可以在平台上完成从软件开发到发布运行的全流程实践。
下面以华为云软件开发平台DevCloud为例,十分钟简单体验下DevOps应用上云实践——H5经典小游戏上云。
![](https://pic4.zhimg.com/80/v2-79cbed0e79520eb98a91a25b0bbbc1f7_720w.webp)
实践流程图如下
![](https://pic3.zhimg.com/80/v2-0afe45bc4bea4c70db7cd268fdafd1e2_720w.webp)
实践操作目录
1.创建项目
2.创建代码仓
3.创建编译构建任务
4.创建部署任务
5.访问应用
6.释放资源
实践操作文本指导
准备动作:开通华为云账号和华为云DevCloud云服务
实践步骤一:创建华为云DevCloud项目
点击免费试用,开通基础版套餐
![](https://pic2.zhimg.com/80/v2-1c8095f14a39fd9e5a94ef8e3698fac9_720w.webp)
新建Scrum项目,参数如下:
- 项目流程:Scrum
- 项目名称:自定义
- 点击“确定”完成项目创建
![](https://pic1.zhimg.com/80/v2-27e1887c9d8283402cc221589c0eb1ec_720w.webp)
![](https://pic2.zhimg.com/80/v2-fe7b32b96132603c8d16b3028a3155e5_720w.webp)
实践步骤二:创建代码仓
前往代码托管,导入外部仓库,并按如下填写外部仓库信息:
- 源仓库地址:https://codehub.devcloud.cn-north-4.huaweicloud.com/yxdmmsymbgl00001/soManyGames.git
- 源仓库访问权限:不需要用户名/密码
- 勾选“我已阅读并同意 《隐私政策声明》 和 《软件开发服务使用声明》”
- 点击“下一步”按钮。
![](https://pic4.zhimg.com/80/v2-235a10bba3b096a654ebaec22bc18813_720w.webp)
![](https://pic3.zhimg.com/80/v2-34a3bdda70c8e314b47ec9ddb1eecd32_720w.webp)
实践步骤三:编译构建任务
前往编译构建新建任务
![](https://pic2.zhimg.com/80/v2-dddd99874d8f09370b9bc55fec170885_720w.webp)
![](https://pic1.zhimg.com/80/v2-74497a59f515991192074e0c8eb85d64_720w.webp)
编辑构建模板
(1)选择Shell,点击确定,并在右侧命令行输入内容:zip -qr WebGames.zip ./
(2)在Shell下方添加“选择上传软件包到软件发布库”,按以下内容填写后,点击新建并执行。
- 构建包路径:WebGames.zip
- 发布版本号:1.0.0
- 包名:WebGames
![](https://pic2.zhimg.com/80/v2-bab03a61455098deb7668b2e27381e09_720w.webp)
![](https://pic4.zhimg.com/80/v2-5ddd7317ec920baaae5b86367a7242d3_720w.webp)
![](https://pic4.zhimg.com/80/v2-2a0a163c1260aa0995de3e70c496c0bb_720w.webp)
![](https://pic2.zhimg.com/80/v2-006d92e0254d178da9a46f5cc8c5511d_720w.webp)
![](https://pic3.zhimg.com/80/v2-81430bd38c27322f8c6cda38e0be8592_720w.webp)
实践步骤四:部署应用
部署应用在云上,需配置云服务器资源以替代服务器资源。
- 前往弹性云服务器资源>>>,购买云资源。
![](https://pic2.zhimg.com/80/v2-536af925dd3b3f7d773abe607e366cd9_720w.webp)
- 按照需求进行云资源配置
A)基础配置如下:
- 计费模式:按需收费
- 区域:华北-北京四
- 可用区:随机分配
- CPU架构:x86计算
- 规格:c6.large.2(2核4G)
- 镜像:CentOS 7.5 64bit(40GB)
![](https://pic1.zhimg.com/80/v2-f74df8fa9e74c104fa14ab237f227e74_720w.webp)
B)网络配置如下 :
- 网络:vpc-default/subnet-default
- 安全组:Sys-WebServer(入向规则需包括TCP:8080端口)
- 弹性公网IP:现在购买
- 公网宽带:按宽带计算
- 宽带大小:1
- 释放行为:随实例释放
![](https://pic2.zhimg.com/80/v2-1d22153bfa2a6e5b50d1bee7cd873761_720w.webp)
C) 高级配置如下:
- 云服务器名称:自定义
- 登录凭证:密码
- 密码:自定义 (后续部署需使用)
![](https://pic2.zhimg.com/80/v2-33b340f0d7212232edc9203d31a6c795_720w.webp)
D)确认配置完成ECS创建,注购买ECS数量为1即可。
![](https://pic3.zhimg.com/80/v2-ce6ab15045dbcd671b2c44c9d6a12b4a_720w.webp)
进入部署服务,添加主机组。
(1)输入主机组名,选择Linux。
![](https://pic1.zhimg.com/80/v2-acfc6ff892f3cc5c9b1e4f604637b104_720w.webp)
![](https://pic4.zhimg.com/80/v2-ce7080a02f71fdaea091b89ce65d973b_720w.webp)
(2)添加主机,导入ECS。
- 主机名称(自拟,云服务名称webGames)、
- IP(云服务弹性公网IP)
- 认证方式:密码
- 用户名:root
- 密码:自己云服务器ECS的密码
- ssh端口:22
![](https://pic3.zhimg.com/80/v2-80c6dea00ed3cb0316d0f27bb3175bae_720w.webp)
![](https://pic3.zhimg.com/80/v2-1593b6f9c7a42388c2685ad511c3809e_720w.webp)
创建部署任务
(1)进入部署任务,新建任务
![](https://pic1.zhimg.com/80/v2-1e8789395897c4a8c0fef122d9ac76d4_720w.webp)
(2)选择“Tomcat应用部署”模板,Tomcat 应用部署模板会预置 jdk、tomcat 安装、启动等步骤。
![](https://pic3.zhimg.com/80/v2-a440e610d69b85105f985096523e6ab2_720w.webp)
(3)在“选择部署来源”步骤后,添加“解压文件”,并在其中添加构建包的解压路径后,保存。
- 压缩文件路径:/usr/local/tomcat/apache-tomcat-8.5.38/webapps/WebGames.zip
- 解压目录:/usr/local/tomcat/apache-tomcat-8.5.38/webapps/WebGames
![](https://pic2.zhimg.com/80/v2-560278ede402f812b3a7bb50038bd07d_720w.webp)
![](https://pic2.zhimg.com/80/v2-d91b51db5901ff174f8416cb34c2e231_720w.webp)
(4)“URL 健康测试”,将 URL 地址修改成 http://云服务器弹性公网IP:8080/WebGames/index.html,点击“保存并执行”。
![](https://pic1.zhimg.com/80/v2-40cb6d3e1a15dd06ae114fbeb6785748_720w.webp)
- 在弹出的运行时参数页面,填写参数值。
- host_group 可通过下拉箭头,选择之前创建的主机组
- package_url 是构建包在发布仓库的地址:/WebGames/1.0.0/WebGames.zip,
- service_port 为:8080.
![](https://pic2.zhimg.com/80/v2-59ed00cf42095be78b80dcc9078a0d99_720w.webp)
![](https://pic4.zhimg.com/80/v2-a73e37067928895b93a2c6aa2cc149b3_720w.webp)
实践步骤五:部署成功后,进入部署任务的“访问方式”页签,点击“访问”查看应用
浅浅体验一把言情版跳一跳,争取帮男主追到女主!!!
2000 years later……
对不起男主,你两缘尽于此,算了吧~
![](https://pic3.zhimg.com/80/v2-aeac88e43452003ea42d8b5f15b16cf6_720w.webp)
![](https://pic3.zhimg.com/80/v2-75c8ab76b37e638eea5e58152440fd26_720w.webp)
![](https://pic4.zhimg.com/80/v2-f50bf31bfc3c3cf638e931c8bced986f_720w.webp)
实践步骤六:释放资源,华为云DevCloud免费版不收费,但ECS资源按需收费需及时释放。
前往ECS列表页,删除释放ECS资源。
![](https://pic3.zhimg.com/80/v2-793572b901784701ae2e65a4d8af6ce2_720w.webp)
以上,即为H5小游戏的DevOps实践上云体验,十分钟就能搞定,你不来试试么?更多实践方案体验还请关注【一行代码秒上云】二期训练营活动,还有机会获得华为云DTSE应用开发上云的培训指导哦~
标签:部署,实践,DevOps,华为,十分钟,ECS,WebGames,速成 From: https://www.cnblogs.com/huaweiyun/p/16744378.html