腾讯云开发Webify初体验

2021-09-08 10:57:10 浏览数 (2)

最近腾讯云的云开发推出了Webify产品,根据官网介绍,是专为 Web 开发者打造的应用托管平台,目前有免费默认域名、前端框架集成、加速站点、持续集成与部署、Git平台集成、按量计费等特性。

我比较看重的是按量计费的特性,因为我有一个备案的域名,想挂一个静态的HTML页面来保备案,为此单独买一台服务器又不太划算,而Webify的按量计费的特性刚好适合我,因此,今天就尝试了一把Webify,初步感觉还不错。

如果你们也有类似的需求的话,就跟着我一步一步操作吧。

  1. 上传代码

首先需要将代码上传到github或者其它webify支持的git仓库上,目前webify支持的git仓库有github、gitlab、gitlee。我是用的是github

2. 新建应用

点击登录 - 腾讯云进入到webify的控制台界面,点击新建应用

如果没有绑定git仓库的话,此时会跳出绑定界面,按照提示绑定即可

账号绑定成功以后,控制台上会列出目前此账号下所有的仓库,选择自己要部署的项目对应的仓库,比如,我的是lixfink,然后选择【导入】

选择导入以后,会出现配置页面。由于不同的前端框架会有不同的生成页面的命令,因此,这里框架预设要选择自己所使用的框架对应的预设。我的是没有使用框架的纯静态页面,而且我的静态页面在git仓库的根目录, 因此这里选择【自定义设置】,输出目录填写一个 . 就可以了。

3. 部署应用

然后点击【部署应用】,此时Webify就会自动去仓库拉取代码,并且根据构建命令来生成网站。同时,也会在git仓库中添加webhook,这样后面提交了代码以后,Webify就会自动拉取最新的代码重新进行构建部署,十分方便。

此时应该可以看到下图的任务卡片,提示任务正在进行中

构建过程比较慢,在部署的过程中,我们可以从下面所示位置看一下构建的日志,如果失败了,也可以从日志中找到失败的原因。下图中第一次我构建失败了,看了一下日志才知道是因为我的仓库大小超过了100M,因此我删了一些不必要的文件以后,重新提交了代码。Webify检测到代码发生了变动之后,会重新触发部署流程。

如果状态中显示的成功,说明已经部署成功了

到应用的概览页面,可以看到Webify给我们提供了一个免费的域名

我放的网站是自己写的一个简单的播放音乐的页面,音乐文件也放在里面,尝试播放了一下音乐,由于Webify默认具有CDN加速,因此音乐加载的速度也是非常快。

4. 绑定域名

如果不想使用Webify给的默认域名的话,可以在下面这个位置绑定自己的域名

然后根据提示将域名解析到指定的cname上。稍等一会等配置生效以后,就可以通过我们自己的域名访问网站了。下面就是我部署的网站了

5. 总结

其实也没有什么好总结的,Webify的使用并不复杂,小伙伴们有兴趣的话可以亲自尝试一下。

0 人点赞