利用Serverless应用快速开发H5五子棋

Posted 2020-12-15 tencentdeveloper

Serverless的概念越来越火，而且市面上也有很多Serverless应用涌现，各大公有云厂商都在布局，相较于传统的开发模式，Serverless模式免运维，无需购买服务器，只需要写前端代码逻辑，能让开发者更快的搭建属于自己的应用，这对于个人开发者来说，无疑是一大福音。

接下来将介绍如何利用Serverless应用–腾讯云开发，只需4步，快速开发H5五子棋应用

操作步骤
步骤1：创建云开发环境
1、打开浏览器，进入腾讯云 云开发控制台，单击【新建创建】，创建一个环境进行部署。

如果您之前创建过环境，可以继续使用已创建的按量计费环境，或者再次新建环境。

2、在新建环境窗口中，按自己喜好要求填写环境名称，选择按量计费，开通环境。

 

 

3、在开通环境以后， 记住您的环境 ID，这个 ID 后续会用到。
4、单击环境，进入到环境的管理页面。单击左侧菜单栏中的【网站托管】，在页面中单击【开始使用】，开通静态托管服务。

 

 

当您看到这样的界面时，就说明已经开通好了。

 

 

步骤2：初始化云开发 CLI
打开命令提示符，输入如下代码：

 

 

将拉起浏览器授权，登录刚创建云开发环境的账号

 

 

步骤3：获取 H5五子棋源码
1、访问 H5五子棋 下载地址，下载五子棋源码。
初级项目的五子棋源码结构如下：

 

 

2、五子棋项目的棋盘以及棋子使用 canvas 构建，最后落子使用图片绝对布局来实现。

3、在初级五子棋项目中，没有与服务器交互的能力。只能进行单机的电脑对战。对此项目更加深入的兴趣请关注腾讯云云开发公众号，获得该项目第一手资料。

4、打开命令提示符，定位到源码所在的目录，执行如下命令,将项目到云开发静态托管中（需要将 EnvID 替换为第一步中您记下的环境 ID）

 

 

步骤4：浏览部署的五子棋项目
打开浏览器，进入腾讯云 云开发控制台，单击部署的云开发环境，进入后点击左侧栏的【网站托管】-【设置】，在域名信息中找到默认域名。

 

 

在浏览器中打开此链接，则看到线上部署好的 H5五子棋。