华为云社区《基于进行黑白棋实时对战游戏开发实践》

菏泽炫佑科技

华为云社区《基于进行黑白棋实时对战游戏开发实践》

摘要：在本次实践中，您可以体验在云端创建弹性云服务器ECS，配置云服务器环境，并进行一站式项目管理、代码托管、代码检查、管道、编译、构建、部署的全过程、测试并在平台上发布。 过程。

本文分享自华为云社区《基于黑白棋实时游戏开发实践【华为云到简单远》-云社区-华为云》，作者：。

本文基于实时黑白棋对战游戏开发，沙盒实验链接：

本次实验实践的目标和基本要求：

学习使用软件开发服务实现代码仓库管理 学习使用软件开发服务实现编译、构建和部署

本文将分为：

1.创建弹性云服务器ECS

2.云服务器环境配置

3. 创建项目并构建部署

1.创建弹性云服务器ECS

在沙箱实验桌面上，点击浏览器，首次会自动登录并进入华为云控制台页面。

1.1 创建安全组和VPC

在华为云控制台页面左侧，点击“服务列表”->“网络”->“虚拟私有云VPC”，进入网络控制台：

点击网络控制台左侧菜单栏“访问控制”->“安全组”->“创建安全组”，填写安全组名称和模板信息：

创建完成如下图：

点击新建的自定义安全组的名称，进入安全组的设置页面，点击“入站规则”，点击下方的“添加规则”，添加一条规则：

设置安全组规则后，返回安全组列表，点击网络控制台左侧菜单栏“虚拟私有云”-“我的VPC”，点击“创建虚拟私有云”进入创建界面（具体参数如当前地区、网段等，具体信息在实验中提供）：

创建后的页面：

1.2 创建弹性云服务器ECS

在云桌面浏览器页面左侧菜单栏中，点击“服务列表”->“计算”->“弹性云服务器ECS”，进入云服务器控制台：

点击“购买弹性云服务器”，设置云服务器参数（计费模式、CPU架构、规格、镜像、系统盘、网络配置、用户名密码等高级配置）：

勾选同意《华为镜像免责声明》，点击“立即购买”，开始创建ECS：

新创建的ECS显示正在运行：

2. 云服务器环境配置 2.1. 安装IIS服务

找到步骤1.2中创建的弹性云服务器ECS“ecs-”，点击右侧“远程登录”，在新弹出的登录页面中自动化软件开发，点击“立即登录”：

等待电脑启动后，点击页面上方的“Ctrl+Alt+Del”即可解锁：

输入创建弹性云服务器ECS时设置的密码（默认密码为#vg）进行登录； 进入桌面后，点击开始栏，点击“服务器管理器”（这里有一个坑，我们需要点击页面顶部才能进入全屏模式，否则页面上不会显示开始栏）

在服务器管理器中，单击添加角色和功能：

在左侧导航栏中选择安装类型，单击基于角色或基于功能的安装，然后单击下一步； 单击从服务器池中选择服务器，并在服务器池中选择该服务器的计算机名称，然后单击“下一步”； 在角色列表中找到“Web服务器（IIS）”并勾选。 在弹出的窗口“添加角色和功能向导”中，点击“添加功能”，点击“下一步”； 勾选“.Net 3.5 ”，点击“下一步”； 点击“下一步”进入*后一页，点击“安装”：

等待弹性云服务器ECS上IIS服务安装成功。

2.2 安装 Node.js

在云服务器中打开浏览器，手动输入Node.js下载网址：在地址栏输入Node.js下载网站，点击安装包“64位”，点击“运行”，运行安装包:

进入Node.js安装向导，安装，检查是否安装成功，点击“”：

2.3 安装.io,

简单介绍一下

它是目前*流行的基于 Node.js 的 Web 开发框架。

它是一个实时 Web 应用程序库。

它是一个简单的命令式 Node.js 守护进程。

话不多说，让我们继续安装步骤。

单击开始栏，然后单击“ ”：

依次运行以下三个命令（等待命令执行成功后再执行下一个命令）：

npm install -g express
npm install -g socket.io
npm install forever -g

执行成功如下图所示：

2.4. 配置主机信用

在云服务器中打开浏览器，在地址栏中输入以下网址： 点击“保存”：

进入.zip所在目录，用鼠标选中该文件，右键选择“ All...”即可解压“.zip”，得到“.ps1”脚本，如图以下：

中输入cd .\\\，切换到“.ps1”脚本所在目录，继续在命令行输入set-，回车执行，然后输入“Y”执行：

继续在命令行输入.\.ps1，回车后输入“R”执行； 在命令行中输入 winrm e winrm // 。 如果出现HTTPS，则说明监控成功，即部署环境自动配置成功：

2.5 关闭弹性云服务器ECS防火墙

点击开始按钮，直接输入搜索“防火墙”打开防火墙设置：

关闭防火墙，如下图：

2.6。 打开服务器端口

打开启动标志，点击“管理工具”，双击“高级安全防火墙”，如下图：

打开后点击“入站规则”->“新建规则”如下图：

选择“端口”点击“下一步”，输入端口“12001”点击“下一步”，点击“下一步”->“下一步”，参数默认； 输入名称“”，点击“完成”，如下图：

3. 创建项目并构建和部署 3.1. 创建项目

简单介绍

什么是？ 华为云软件开发服务（）是一站式云平台，为开发者提供开箱即用的云服务。 项目管理、代码托管、代码检查、流水线、编译、构建、部署、测试可以随时随地在云端进行。 、发布等，让开发者快速、轻松地开启云开发之旅。

将实验桌面中的浏览器切换回华为云页面，将鼠标移至云桌面浏览器页面左侧菜单栏，点击“服务列表”->“软件开发平台”； 进入平台页面后，选择“项目管理”，进入项目列表页面，点击“立即使用”，进入项目创建页面，如下图所示：

点击“新建项目”，选择“看板”，在新建项目弹出窗口中，设置项目名称为“”，输入项目信息，点击“确定”，如下图所示：

创建完成后会跳转到如下页面：

3.2 下载源码并创建代码仓库

切换到实验桌面，打开“Xfce ”，将以下代码复制到终端回车执行，并下载客户端和服务端的源代码文件：

获取

获取

下载后输入命令ls查看下载的文件：

执行以下代码配置用户名和电子邮件地址：

git config --global user.name "您的用户名"
git config --global user.email "您的邮箱"

执行以下代码 ssh- -t rsa -C "your email" 生成ssh key（按回车直到出现下图）。 执行成功如下图所示：

执行以下代码 cat .ssh/.pub，查看并[复制]密钥：

切换到浏览器，在步骤3.1创建的项目中，点击上方菜单“代码”->“代码托管”，进入代码托管界面，点击“设置我的SSH密钥”，如下图：

进入密钥设置页面，点击“添加SSH密钥”，填写复制的密钥。

① 标题：输入秘钥后自动生成

② 密钥：粘贴复制的密钥

返回上一级“代码托管”管理页面，点击“普通新建”创建新仓库：

① 代码库名称：

②所属项目：步骤3.1中创建的项目名称，如：

按照上述步骤创建一个代码仓库，仓库名称为[""]。

3.3. 将代码推送到代码仓库

点击仓库名称[""]进入代码仓库，点击“Clone/”查看SSH克隆地址：

切换到“Xfec ”并执行以下代码进行git克隆下载。 【复制】SSH克隆地址，将下面代码中的“”替换为复制的克隆地址，执行时选择“yes”接收密钥：

【参考上述步骤】，点击名为【“”】的代码仓库，克隆并下载代码仓库。 第二次执行不需要接收密钥：

执行以下代码来设置 Git： git -- user.email "" && git -- user.name ""

执行以下命令将源代码“.zip”解压到“”仓库。 解压过程中可能会遇到覆盖同名文件的提示。 根据提示输入“A”并回车即可全部覆盖：

执行以下命令 unzip .zip -d / 将源代码“.zip”解压到“”仓库：

执行以下命令 cd / 切换到代码仓库； 执行以下命令 git add 。 将源代码添加到存储库； 执行以下命令 git -m "init" 提交源码； 执行以下命令 git push 将源代码推送到远程仓库。 执行成功如下图所示：

执行以下命令 cd ..//切换到“”仓库； 执行以下命令 git add 。 将源代码添加到仓库； 执行以下命令 git -m "init" 将源码添加到仓库中； 执行以下命令 git push 将源码推送到远程仓库。 执行成功如下图所示：

3.4 修改源码配置文件

源码上传完成后，切换到浏览器，点击“”仓库，进入仓库并修改“”配置。

3.5.构建应用程序

完成服务器端和客户端源码的编译构建，生成可用于应用部署的构建包。

客户：

服务器：

3.6. 执行构建任务

点击“Build & ”->“ Build”重新进入构建列表。 依次点击“Start Build”，编译构建代码包，等待编译构建成功：

然后点击“发布”，看到两个构建包，说明构建包发布成功。

3.7 获取并上传

它可以帮助我们将项目部署到主机上，通常是启动IIS服务来运行web网站。

切换到“Xfce ”并执行以下命令 cd /home/user/ && wget 进行下载。

执行以下命令wget进行下载。

切换到浏览器，在发布页面点击“上传”，选择刚刚下载的文件，点击“打开”上传。

上传完成后，*终发布页面如下图：

3.8. 配置主机组

点击“更多”->“设置”->“常规设置”进入页面，点击左栏“主机组管理”。 进入主机组管理页面后，点击“新建主机组”，点击“添加主机”：

3.9. 服务器端部署

点击“构建&发布”->“部署”，进入部署页面，点击“新建任务”。

部署过程可能需要很长时间。 点击“部署”返回任务列表，可以查看任务的部署状态，如下图：

3.10.客户端部署

按照步骤3.9创建新的客户端部署任务“ploy”，并依次添加四个部署步骤。 配置“选择部署源”。

3.11.结果验证

在实验桌面的浏览器中打开一个新的浏览器窗口，在地址栏中输入“EIP:12001”，如：49.4.26.181:12001。 访问成功如下图所示。 注 - 将步骤1.2中的EIP替换为弹性云服务器ECS的弹性IP：

实践总结

这次实践让我体验到了在云上创建弹性云服务器ECS，配置云服务器环境，进行一站式项目管理、代码托管、代码检查、管道、编译、构建、部署、测试、并在平台上发布。 过程。 它基本上为开发者提供云服务华为云社区《基于进行黑白棋实时对战游戏开发实践》，随时随地可以使用。 当然，在这次实践中，我个人觉得还有以下几点值得改进：

1、使用弹性云服务器ECS时设置的密码（默认密码为#vg）应尽可能简单。 默认密码还是有点复杂。 登录云服务器环境时，密码无法复制，需要手动输入。

2、云服务器环境右侧运行概览栏无法隐藏。 说实话，影响用户体验，而且占用空间很大：

3、进入云服务器环境后，估计由于页面大小的原因，看不到开始菜单栏； 我们需要点击进入全屏模式，才能看到左下角的开始菜单栏（其实，如果这里有提示，也会让用户感觉更友好）

4、云服务器环境依然不流畅，鼠标能明显感觉到卡顿； 在“服务器管理器”中点击“添加角色和功能”会导致系统卡住：

5.整个实验给出的时间还是有点短。 如果能超过半小时到一个小时，体验会更舒服。

点击下方**时间了解华为云新技术~

华为云博客_大数据博客_AI博客_云计算博客_开发者中心-华为云

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等