开发者中心 > 上云实践 > 教程详情

Cocos 2048 H5小游戏开发

更新时间  9/16/2019, 3:12:31 PM 439

1. 实践概述

本实践目的是通过2048 Web小游戏开发案例,熟悉使用华为云DevCloud完成一个线上小游戏的开发流程,包含本地游戏开发、构建应用、部署至云服务器等


1.1 关于Cocos2d-x

Cocos2d-x是一个基于MIT协议的开源框架,用于构建游戏、应用程序和其他图形界面交互应用。

Cocos2d-x的特点:

• 易于使用:游戏开发者可以把关注焦点放在游戏设置本身

• 高效:基于OpenGL ES进行图形渲染,从而让移动设备的GPU性能发挥到极致

• 灵活:方便扩展,易于集成第三方库

• 免费:基于MIT协议的免费开源框架,用户可以放心使用,不用担心商业授权的问题

• 社区支持:关心Cocos2d-x的开发者自发建立了多个社区组织,可以方便的查阅各类技术资料。


1.2 关于DevCloud

DevCloud是集华为研发实践、前沿研发理念、先进研发工具为一体的研发云平台;面向开发者提供研发工具服务,让软件开发简单高效。

华为云DevCloud官网:

https://www.huaweicloud.com/devcloud/


2. 环境准备

本实践部署应用时需要弹性云服务器*1(规格在1核1GB以上),弹性公网IP*1,若已有相应资源,可重复使用。

领取免费资源请点击

https://activity.huaweicloud.com/free_test/index.html


2.1 购买弹性云服务器ECS

进入弹性云服务器主页,右击新标签页打开:

https://www.huaweicloud.com/product/ecs.html

点击 立即购买 ,按照页面提示完成ECS购买

• 区域 选择 华北-北京一

• 规格 选择 1核1GB 以上

• 镜像 选择 Linux 操作系统镜像

• 绑定/购买弹性公网IP,带宽选择 1Mbit/s 以上


3. 获取示例项目源码

3.1 创建DevCloud项目

访问华为云软件开发服务DevCloud官网:

https://www.huaweicloud.com/devcloud/

点击立即使用

完成华为云账号登录后进入DevCloud,点击右上角创建项目

image.png

选择 空白项目>Scrum 输入项目名称,示例:Cocos2048,点击确定

image.png


3.2 下载项目源码

下载本实践所需的示例源码:

访问文档末附件:Cocos2048-master.zip,下载至本地并完成解压。



3.3 创建代码仓库

在3.1创建好的项目中,点击上方菜单 代码>代码托管,点击 新建 ,选择 普通新建

输入代码仓库名称,其他设置项保持默认

image.png

点击仓库名称,进入代码仓,点击 克隆/下载 ,复制SSH/HTTPS克隆地址,将3.2下载的项目源码使用Git Bash、TortoiseGit等工具软件推送至代码仓中

image.png

具体操作步骤可参照:

https://support.huaweicloud.com/usermanual-codehub/zh-cn_topic_0115825998.html


4. 执行编译构建

4.1 创建编译构建任务

进入3.1创建好的项目中,点击上方菜单 构建&发布>编译构建 点击新建任务

• 构建任务名称:2048build

• 选择代码源:保持默认

• 构建模板:选择Shell

image.png

构建步骤各原子操作的配置可参照以下配置:

执行Shell命令

• 步骤显示名称:默认

• 工具版本:默认

• shell增加命令行:

zip -qr WebGames.war ./

image.png

增加上传软件包到软件发布库

• 步骤显示名称:默认

• 构建包路径:WebGames.war

• 发布版本号:1.0.0

• 包名:WebGames

image.png

点击确认。


4.2 执行编译构建任务

构建任务创建成功后,点击右上角 执行 ,等待构建任务执行成功。

image.png


5. 创建并执行应用部署

在DevCloud新建项目中,点击上方菜单 构建&发布>部署 点击新建任务

• 构建任务名称:2048deploy

• 部署模板:Tomcat应用部署


各原子操作的配置可参照以下配置:

停止Tomcat服务

• 步骤显示名称:默认

• 主机组:选择待部署的主机组      //无主机组,请点击创建主机组并添加主机,添加主机时请按照配置文档完成服务器环境配置,以免授信失败

• 服务操作类型:停止服务

• 服务对应的绝对路径:默认

• 控制选项: 启用

• 失败后继续运行:勾选

image.png

安装JDK

• 步骤显示名称:默认

• 主机组:选择待部署的主机组

• JDK版本:默认

• JDK安装路径:/usr/local/jdk

• 控制选项: 启用

image.png

安装Tomcat

• 步骤显示名称:默认

• 主机组:选择待部署的主机组

• tomcat版本:默认

• 安装路径:/usr/local/tomcat

• http端口:8080

• ajp端口:8009

• shutdown端口:8005

• 控制选项:启用

image.png

选择部署来源

• 步骤显示名称:默认

• 选择源类型:软件包

• 主机组:选择待部署的主机组

• 选择软件包:选择2048build构建任务,生成的WebGames.war

• 下载到主机的部署目录:默认

• 控制选项:启用

image.png

启动Tomcat服务

• 步骤显示名称:默认

• 主机组:选择待部署的主机组

• 服务操作类型:启动服务

• 服务对应的绝对路径:默认r

• 其他选项:默认

• 控制选项: 启用

image.png

URL健康测试

• 其他选项:默认

• 控制选项: 不启用

完成全部原子任务的创建后,点击保存,在弹出页面中点击 执行 ,等待部署完成。


6. 应用结果验证

部署任务执行成功后,访问应用验证路径http://ip:8080/WebGames/index.html,查看结果。

其中,ip地址可进ECS控制台查看:

https://console.huaweicloud.com/ecm/#/ecs/manager/vmList

image.png





[object Object]

Cocos2048-master.zip 下载15次

立即注册