码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-07-17 19:29:19      阅读:68      评论:0      收藏:0      [点我收藏+]

标签:模式   很多   没有   dba   tps   ash   key   第一步   搭建   

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五子棋。

技术图片

 

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

标签:模式   很多   没有   dba   tps   ash   key   第一步   搭建   

原文地址:https://www.cnblogs.com/tencentdeveloper/p/13331451.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!