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

本文介绍了如何利用Serverless技术,通过腾讯云开发平台,只需4个简单步骤,快速开发并部署一个H5五子棋应用。包括创建云开发环境、初始化CLI、获取并上传五子棋源码,以及最终浏览部署的应用。
摘要由CSDN通过智能技术生成

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五子棋。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值