前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >腾讯云开发Webify初体验

腾讯云开发Webify初体验

原创
作者头像
李小飞
修改2021-09-08 10:57:10
2.6K0
修改2021-09-08 10:57:10
举报
文章被收录于专栏:用户7745533的专栏

最近腾讯云的云开发推出了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的使用并不复杂,小伙伴们有兴趣的话可以亲自尝试一下。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档