乐趣区

关于云开发:如何使用webify快速构建Nuxt应用

Webify 是云开发团队推出的一款一站式托管服务产品,这是一个专为 Web 开发者打造的云上开发、部署平台,帮忙开发者疾速开发、预览、部署本人的 Web 利用,还反对从 Github 等第三方代码托管平台导入利用,为前端开发者提供极佳的服务体验。

利用场景

动态网站: Web 利用托管不仅反对托管动态网站的各种资源,还对开源社区内风行的开源框架进行了适配。

单页面利用: Web 利用托管提供自定义路由能力,反对 SPA 类型的配置,罢黜配置服务端的懊恼。

服务端渲染(SSR)利用: Web 利用托管对诸多开源 SSR 框架进行了适配。

后盾 Web 服务: Web 利用托管提供云托管、云函数两种模式的计算能力,以满足多种类型的后盾 Web 服务的需要。

模版创立

地址:https://cloud.tencent.com/product/webify

首先进入 Web 利用托管平台,点击「新建利用」,抉择从模版创立,抉择 Nuxt.js

抉择 Git 平台,并填写好仓库名称后,单击「下一步」

填写利用名称,抉择框架预设 (亦可本人自定义填写),单击「部署利用」

能够看到利用正在构建与部署中


首次创立利用,会下发 CND 配置,须要 3 - 5 分钟能力失效

单击利用中的链接,能够发现咱们的利用能够拜访啦!

开发利用

进入到咱们的 GitHub 仓库后,能够发现 webify 在创立利用的时候,曾经主动为咱们创立了代码仓库

git clone <romote-URL> // 克隆仓库到本地
cd <workplace-dir> // 进入我的项目目录
npm i // 装置相干依赖 

把我的项目 Clone 到本地后,即可进行开发,在批改完后,提交至近程 Git 仓库,将会触发 Webify 的主动构建及部署。

git commit -m "change index.vue"
git push

能够见到咱们的批改失效啦。

注意事项

有时候在提交代码并构建实现后,并未能见到页面有变动,是因为 CDN 失效须要一些工夫,稍等一会即可更新利用页面。

详见一键部署文档:https://webify.cloudbase.net/docs/guides/deploy-button

Webify 官方网站:https://webify.cloudbase.net/

退出移动版