腾讯云开发Webify初体验

  备案注销     |      2023-09-16
腾讯云开发Webify初体验

近日,腾讯云云开发推出Webify产品。据官网介绍,它是专门为Web开发者设计的应用托管平台。目前有免费默认域名、前端框架集成、加速建站、持续集成部署、Git平台集成、按量计费等功能。

我比较看重的是计费功能,因为我有注册域名,并且想挂一个静态HTML页面来保留记录,所以单独购买服务器不太划算,而Webify的计费功能Webify正好适合我,所以今天尝试了Webify,初步感觉还不错。

如果你也有类似的需求,就跟着我一步步来吧。

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

2. 创建一个新的应用程序

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

如果没有绑定git仓库,此时会弹出绑定界面,按照提示进行绑定即可

账户绑定成功后,控制台会列出该账户下的所有仓库。选择您要部署的项目对应的仓库。比如我的是lixfink,然后选择【导入】

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

3. 部署应用程序

然后点击【部署应用程序】,Webify会自动去仓库拉取代码,并根据构建命令生成网站。同时,还会在git仓库中添加一个webhook,这样以后代码提交后,Webify会自动拉取最新的代码再次构建部署,非常方便。

此时,您应该看到如下所示的任务卡,表明任务正在进行中

建设过程相对缓慢。在部署过程中,我们可以从下图位置查看构建日志。如果失败了,我们也可以从日志中找到失败的原因。下图是我第一次搭建失败。查看日志后发现我的仓库大小超过了100M,于是删除了一些不需要的文件,重新提交了代码。 Webify检测到代码发生变化后,会重新触发部署过程。

如果状态显示success,则说明部署成功

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

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

4. 绑定域名

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

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

5. 总结

其实也没什么好总结的。 Webify的使用并不复杂。如果你有兴趣,可以自己尝试一下。