在云上搭建鲲鹏飞机大战游戏【开发者专属集市】

举报
gentle_zhou 发表于 2022/11/29 10:11:16 2022/11/29
【摘要】 通过本次体验,我了解了飞机大战游戏开发的整体流程,熟悉了华为云鲲鹏ECS等服务,学习如何在华为云DevCloud平台上完成在云端的开发操作。

本文用来记录我在华为云DevCloud平台上开发飞机大战游戏的体验过程;通过本次体验,我了解了飞机大战游戏开发的整体流程,熟悉了华为云鲲鹏ECS等服务,学习如何在华为云DevCloud平台上完成在云端的开发操作。

项目介绍

飞机大战游戏,一款用Cocos Creator开发的飞机大战Web类型游戏;开发语言涉及JS,CSS和Html。项目示例:
image.png

什么是Cocos Creator?

一个完整的游戏开发解决方案,包含了cocos2d-x 引擎,用JavaScript开发实现,可以满足快速开发游戏所需求的各种图形界面的需求。

操作流程

image.png

前提条件

本实验需在华为云上进行,所以用户需要使用华为云账号进行登录;没有华为云账号的用户请先注册华为云账号并完成实名认证操作。
华为云账号注册步骤请参考:https://support.huaweicloud.com/intl/zh-cn/usermanual-account/account_id_001.html
实名认证操作步骤请参考: https://support.huaweicloud.com/intl/zh-cn/usermanual-account/zh-cn_topic_0119621533.html

已有账号或注册完成的用户登录华为云官网:https://www.huaweicloud.com/
华为云登录请参考:
https://support.huaweicloud.com/usermanual-iam/iam_01_0033.html

创建虚拟私有云

进入华为云官网https://www.huaweicloud.com/,登录华为云账号,之后点击页面右上角的控制台:
image.png

选择“服务列表 > 虚拟私有云 VPC”:
image.png

单击右上角“创建虚拟私有云”:
image.png

配置虚拟私有云名称和子网名称,其他默认配置,点击立即创建:
image.png

image.png

创建安全组,添加规则

在侧边栏网络控制台一栏,选择访问控制中的安全组,单击“创建安全组”:
image.png

image.png

点击进入刚才创建的安全组,在入方向规则下,单击“添加规则”:
image.png

image.png

创建项目

登录华为云后,按“产品”-“开发与运维”-“软件开发平台 DevCloud”路径,进入华为云 DevCloud 平台首页:
image.png

点击“管理控制台”按钮,进入华为云 DevCloud 项目列表:
image.png

确认在北京四区域,点击新建项目:
image.png

在新建项目页,选择看板:
image.png

image.png

创建代码仓库

创建项目完成后会自动跳转进入项目,按照“代码”-“代码托管”-“导入外部仓库”的路径创建代码仓库:
image.png

在导入外部仓库页,填写外部仓库信息:
源仓库地址:https://codehub.devcloud.cn-north-4.huaweicloud.com/yxdmmsymbgl00001/planeGame.git
image.png

仓库名称会默认带入源仓库名称,也可用户自定义,其他配置默认,点击“确定”按钮完成仓库创建;代码仓建好后,可在“代码托管”服务显示:
image.png

点击仓库名称,可以进入代码仓库,查看代码详情。

编译构建

点击“构建&制品 > 编译构建 > 新建任务”:
image.png

归属项目、源码源、代码仓库、分支:保持默认,点击“下一步”;在下一步页面里,选择 Shell,点击确定:
image.png

在右侧命令行中输入以下内容:zip -qr WebGames.zip ./
image.png

鼠标移至 shell 命令下方,会出现增加步骤的“+”,点击左侧“+”,右侧选择上传软件包到软件发布库,点击添加:
image.png

点击左侧上传软件包到软件发布库,在跳出的右侧页面填写如下内容:构建包路径、发布版本号、包名。点击新建并执行:
image.png

执行成功后,画面如下:
image.png

点击“制品仓库”,到制品仓库查看构建结果:
image.png

部署

接下来要把应用部署到服务器上,在此之前,我们需要先购买一台ECS。

购买ECS

进入“控制台”,选择“服务列表 > 弹性云服务器 ECS”,点击页面右上角的购买按钮:
image.png

在购买文档里的云服务器的时候,出现了问题(已售罄= =):
image.png

我们可以暂且先买贵一点的或则部署任务先搁置。

导入主机

接下来,我们要导入主机。

创建主机组

进入部署服务,点击下方的主机管理,然后点击添加主机组。
image.png

输入主机组名,操作系统选择 linux,点击保存:
image.png

连通主机

点击“添加主机”,输入主机名称(自拟,云服务名称 webGames)、IP(云服务弹性公网 IP)、认证方式:密码、用户名:root、密码:自己云服务器 ECS 的密码、ssh 端口:22,勾选我已阅读…,点击添加:
image.png

添加成功后,显示验证成功:
image.png

部署应用

重新进入部署服务,新建任务:
image.png

选择 Tomcat 模板,点击“下一步”:
image.png

点击“选择部署来源”下方的加号,右侧搜索“解压文件”,在所有步骤中找到“解压文件”,点击添加(点击“解压文件”步骤,设置压缩文件路径: d o w n l o a d p a t h / W e b G a m e s . z i p ,解压目录: {download_path}/WebGames.zip,解压目录: {download_path}/WebGames):
image.png

在“URL 健康测试”步骤中,测试路径中输入:http://云服务器弹性公网 IP:8080/WebGames/index.html;点击保存并执行。部署成功如下图。
image.png

应用访问

进入部署任务的“访问方式”页签,点击“访问”,即可访问小游戏应用:
image.png

游戏中:
image.png

资源释放

在完成所有实验之后,需手动释放收费服务所占用的资源,包括弹性云服务器 ECS,虚拟私有云 和 安全组。

写在最后

【购物节已开启,个人开发者的专属集市AppBazaar来啦(所有商品购物节期间免费体验)】有奖征文火热进行中:https://bbs.huaweicloud.com/blogs/381337
此外,在(https://bbs.huaweicloud.com/activity/suggestion.html)提出您的宝贵建议,标题以【云驻计划-定向征文】开头,还有机会赢取额外奖励。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。