实验桌面中的浏览器切换到华为云，鼠标移动到云桌面浏览器页面中左侧菜单栏，点击“服务列表”->“软件开发服务DevCloud”->“项目管理”进入项目列表页面，点击“立即使用”，进入项目创建页面，如下
说明：操作过程中，弹窗出信息框请按“ESC”键忽略即可

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

创建完成即跳转如下

切换到实验桌面，打开“Xfce 终端”，复制以下代码到终端回车执行，下载源码文件，执行以下代码下载ReversiOnline_Client. Zip

wget https://sandbox-experiment-resource-north-4.obs.cn-north-4.myhuaweicloud.com/reversi-play-online/ReversiOnline_Client.zip

执行以下代码下载ReversiOnline_Server.zip

wget https://sandbox-experiment-resource-north-4.obs.cn-north-4.myhuaweicloud.com/reversi-play-online/ReversiOnline_Server.zip

执行以下代码查看下载文件

ls

结果如下

执行以下代码配置用户名和邮箱
说明：请用自己的用户名邮箱替换代码中的用户名及邮箱

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

git config --global user.email "您的邮箱"

执行以下代码，生成ssh密钥（一直回车至下图出现）
说明：请用自己的邮箱替换代码中的邮箱

ssh-keygen -t rsa -C "您的邮箱"

执行成功如下
说明：密钥是随机生成，图片内容只是示例

执行以下代码，查看并【复制】密钥

cat .ssh/id_rsa.pub

执行成功如下

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

进入密钥设置页面，点击“添加SSH密钥”填写复制的密钥
① 标题：输入秘钥后自动生成
② 密钥：粘贴已复制密钥
点击“确定”保存，如下

保存成功如下

返回上一级“代码托管”管理页面，点击“普通新建”，新建仓库
① 代码仓库名称：ReversiOnline_Client
② 归属项目：3.1步骤创建的项目名称。如：Cocos_ReversiOnline
创建仓库名称为【“ReversiOnline_Server”】代码仓库

创建完成如下

点击仓库名称【“ReversiOnline_Client”】，进入代码仓，然后点“克隆/下载” ，查看SSH克隆地址

切换到“Xfec 终端”，执行以下代码下载，说明：【复制】SSH克隆地址，将下方代码中的“gitaddr”替换为复制的克隆地址，执行时选择接收密钥输入“yes”

git clone gitaddr

执行成功如下

【参照上述步骤】，点击名为【“ReversiOnline_Server”】代码仓，克隆下载代码仓库，再也不用执行不需要接收密钥，执行成功如下

执行以下代码设置Git

git config --global user.email "dev@cloud.com" && git config --global user.name "devcloud"

执行以下命令，解压源码“ReversiOnline_Client. Zip”到 “ReversiOnline_Client” 仓库，说明：解压过程中可能遇到同名文件覆盖提示，根据提示输入“A”，回车全部覆盖即可

unzip ReversiOnline_Client.zip -d ReversiOnline_Client/

执行成功如下

执行以下命令，解压源码“ReversiOnline_Server. zip”到 “ReversiOnline_Server” 仓库

unzip ReversiOnline_Server.zip -d ReversiOnline_Server/

执行成功如下

执行以下命令，切换到ReversiOnline_Client代码仓库

cd ReversiOnline_Client/

执行以下命令添加源码到仓库：

git add .

执行以下命令提交源码：

git commit -m "init"

执行以下代码推送源码到远程仓库：

git push

说明：推送文件太多需要一定时间，等待推送完成即可

执行以下命令切换到“ReversiOnline_Server”仓库。

cd ../ReversiOnline_Server/

执行以下命令添加源码到仓库：

git add .

执行以下命令提交源码：

git commit -m "init"

执行以下代码推送源码到远程仓库：

git push

源码上传完成，切换至浏览器，点击 “ReversiOnline_Client”仓库，进入仓库对“ServerIP”配置进行修改
① 鼠标双击打开"build" -> "web-desktop"-> "src"目录下的project.js文件
②点击“编辑”，进入编辑模式， 点击文件内容，搜索ServerIP（Ctrl+F）
③ 复制1.2步骤创建的弹性云服务器ECS的弹性IP，将ServerIP修改成复制的弹性IP（默认端口号：6455）
修改“ServerIP”完成并输入备注后，点击“确定”保存如下：
说明：若文件编辑页面与截图不符，请点击“取消”，重复此步骤（3.4步骤）进行编辑

完成服务器端和客户端源码的编译构建，就能生成可用于应用部署的构建包，点击菜单“构建&发布”->“编译构建”

点击“新建任务”
① 归属项目：3.1步骤创建的项目名称。如：Cocos_ReversiOnline
② 源码源：CodeHub
③ 源码仓库：ReversiOnline_Client
④ 分支：master

点击“下一步”，选择构建模板：Shell。说明：如果没有Shell，可在左侧搜索“Shell”即可

点击“确定”。
在Shell中粘贴如下命令：

cd build/web-desktop
zip -qr ReversiWeb.zip ./

增加上传软件包到软件发布库步骤如下

参数：
① 构建包路径：build/web-desktop/ReversiWeb.zip
② 发布版本号：1.0.0
③ 包名：ReversiWeb
填写完成点击“新建”

至此完成客户端源码的编译构建
仿照上述步骤，进行服务器端源码的编译构建，创建名称为“ReversiOnline_Server_Web”源码的构建任务，其中
① 归属项目：3.1步骤创建的项目名称。如：Cocos_ReversiOnline
② 源码源：CodeHub
③ 源码仓库：ReversiOnline_Server
④ 分支：master
构建步骤，执行Shell命令，Shell命令为

zip -qr server.zip ./

① 增加构建步骤名称：上传软件包到软件发布库
② 构建包路径：server.zip
③ 发布版本号：1.0.0
④ 包名：server

单击“构建&发布”- > “编译构建”重新进入构建编译列表，依次单击执行“开始构建”，进行代码包的编译构建，等待编译构建成功如下

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

playbook可以帮助我们把项目部署到windows主机上，通常的playbook都是启动IIS服务，用来运行web网站
切换至“Xfce 终端”，执行以下命令，下载nodejs_playbook

cd /home/user/Desktop && wget https://sandbox-experiment-resource-north-4.obs.cn-north-4.myhuaweicloud.com/reversi-play-online/nodejs_playbook.zip

执行以下命令下载iis_playbook

wget https://sandbox-experiment-resource-north-4.obs.cn-north-4.myhuaweicloud.com/reversi-play-online/iis_playbook.zip

切换至浏览器，在发布页面，点击“上传”，选中刚刚下载的文件，点击“open”进行上传,说明：按住Ctrl鼠标点击文件可以多选

上传完成后最终发布页面如下

点击“更多”->“设置”->“通用设置”进入页面后，点击左侧栏“主机组管理”

进入主机组管理页面后，点击“新建主机组”
① 主机组名称：windows-group
② 操作系统：windows
点击“保存”。

点击“添加主机”

输入参数（1.2步骤创建的弹性云服务器ECS信息）：
① 主机名：ecs-deploy
② IP：查看服务器弹性IP复制填写。
③ 操作系统：windows
④ 认证方式：密码
⑤ 用户名：Administrator
⑥ 密码：填写创建的弹性云服务器ECS密码，如：7fbAt97#vg。
⑦ winrm端口：5986

勾选协议，点击“添加”，添加成功如下图所示：

点击“构建&发布”->”部署”进入部署页面，单击“新建任务”,单击“空白模板”，单击下一步

点击页面左上角默认任务名称旁的编辑按钮，将任务名称改为【ReversiOnline_Sever_Deploy】，然后在“添加步骤”栏中搜索关键词，第一个步骤为“选择部署来源”，单击“添加”

单击“+”号，增加部署步骤，仿照上一步，以此搜索并添加以下三个步骤：
① 解压文件
② 删除文件
③ Ansible

添加完成如下

配置第一步“选择部署来源”（注：未配置的参数，默认不修改）
① 主机组：windows-group
② 选择软件包：/server
③ 下载到主机的部署目录：C:/file_bhd

点击“解压文件”，配置“解压文件”参数
① 步骤显示名称：解压文件
② 主机组：windows-group
③ 解压文件：点击“添加”；
压缩文件路径：C:/file_bhd/1.0.0/server.zip
解压目录：C:/file_bhd/ReversiOnlineServer

点击“删除文件”配置“删除文件”参数
① 步骤显示名称：删除文件
② 主机组：windows-group
③ 删除路径：C:/file_bhd/1.0.0/server.zip

点击“Ansible”配置“Ansible”参数
① 步骤显示名称：Ansible
② 主机组：windows-group
③ 选择Playbook文件：选择/nodejs_playbook.zip
④ 入口执行文件路径： nodejs_playbook/install.yml

单击“保存并执行”，部署成功如下

部署过程可能需要较长时间，点击“部署”回到任务列表，可查看到任务的部署状态，如下图所示，此时可先操作下个步骤

仿照3.9步骤，新建一个客户端的部署任务“ReversiOnline_Web_Deploy”，并依次添加四个部署步骤
配置“选择部署来源”（注：未配置的参数，默认不修改）
① 主机组：windows-group
② 选择软件包：/ReversiWeb
③ 下载到主机的部署目录：C:/file_bhd

点击“解压文件”，配置“解压文件”参数
① 步骤显示名称：解压文件
② 主机组：windows-group
③ 解压文件：点击“添加”；
压缩文件路径：C:/file_bhd/1.0.0/ReversiWeb.zip
解压目录：C:/file_bhd/Reversi_Web

点击“删除文件”配置“删除文件”参数
① 步骤显示名称：删除文件
② 主机组：windows-group
③ 删除路径：C:/file_bhd/1.0.0/ReversiWeb.zip

点击“Ansible”配置“Ansible”参数
① 步骤显示名称：Ansible
② 主机组：windows-group
③ 选择Playbook文件：选择/iis_playbook.zip
④ 入口执行文件路径： iis_playbook/install.yml

单击“保存并执行”，部署成功如下

在实验桌面的浏览器里新打开一个浏览器窗口，在地址栏输入“EIP:12001”，如：49.4.26.181:12001，访问成功如下