本文主要介绍如何使用云开发搭建一个 H5 五子棋小游戏。最终 H5 五子棋成果展示如下。
体验代码
步骤1：创建云开发环境
1. 登录腾讯云 云开发控制台，单击立即创建并使用，新建一个环境来进行部署。
如果您之前创建过环境，可以继续使用已创建的环境，或者再次新建环境。
2. 在新建环境窗口中，根据实际需求填写环境名称，选择套餐，单击立即开通即可开通环境。
3. 
开通
成功之后，单击环境名称，进入环境总览页面。请记住您的环境 ID，这个 ID 在后续步骤将被使用，如下所示：
4. 单击左侧菜单栏中的静态网站托管，在页面中单击开通静态托管服务。
步骤2：初始化云开发 CLI
1. 运行命令提示符，执行如下命令：
cloudbase login
2. 执行命令时，系统将拉起浏览器授权，请登录上述步骤2中创建云开发环境的账号，进行确认授权。
步骤3：获取 H5五子棋源码
1. 下载 H5 五子棋 源码。
初级项目的五子棋源码结构如下：
- index.html- black.png- white.png
2. 五子棋项目的棋盘以及棋子使用 canvas 构建，最后落子使用图片绝对布局来实现。
3. 在初级五子棋项目中，未提供与服务器交互的能力，只能进行单机的电脑对战。对此项目更加深入的兴趣请微信关注腾讯云云开发公众号，获得该项目第一手资料。
4. 运行命令提示符，定位到源码所在的目录，执行如下命令，将项目部署到云开发静态托管中（需要将 envId 替换为 步骤1 中您所创建的环境 ID）。
tcb hosting deploy -e envId
步骤4：浏览部署的五子棋项目
1. 回到云开发控制台 静态网站托管 页面。
2. 单击基础配置，在域名信息中找到默认域名。
3. 在浏览器中打开此链接，则看到线上部署好的 H5 五子棋。
