前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何使用webify快速构建Nuxt应用

如何使用webify快速构建Nuxt应用

原创
作者头像
腾讯云开发TCB
发布2021-09-29 20:19:31
9210
发布2021-09-29 20:19:31
举报
文章被收录于专栏:小程序·云开发专栏

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

应用场景

静态网站: Web 应用托管不仅支持托管静态网站的各种资源,还对开源社区内流行的开源框架进行了适配。

单页面应用: Web 应用托管提供自定义路由能力,支持 SPA 类型的配置,免除配置服务端的烦恼。

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

后台 Web 服务: Web 应用托管提供云托管、云函数两种形式的计算能力,以满足多种类型的后台 Web 服务的需求。

模版创建

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

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

haqNiF.jpg
haqNiF.jpg

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

haqGZV.jpg
haqGZV.jpg

填写应用名称,选择框架预设(亦可自己自定义填写),单击「部署应用」

haqYIU.jpg
haqYIU.jpg

可以看到应用正在构建与部署中

haqJaT.jpg
haqJaT.jpg
haq3q0.jpg
haq3q0.jpg

首次创建应用,会下发CND配置,需要3-5分钟才能生效

haqUG4.jpg
haqUG4.jpg

单击应用中的链接,可以发现我们的应用可以访问啦!

haqdz9.jpg
haqdz9.jpg

开发应用

进入到我们的GitHub仓库后,可以发现webify在创建应用的时候,已经自动为我们创建了代码仓库

haq0MR.jpg
haq0MR.jpg
代码语言:javascript
复制
git clone <romote-URL> //克隆仓库到本地
cd <workplace-dir> //进入项目目录
npm i //安装相关依赖

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

代码语言:javascript
复制
git commit -m "change index.vue"
git push
hdOAiT.jpg
hdOAiT.jpg

可以见到我们的修改生效啦。

注意事项

有时候在提交代码并构建完成后,并未能见到页面有变化,是因为CDN生效需要一些时间,稍等一会即可更新应用页面。

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

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

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 应用场景
  • 模版创建
  • 开发应用
  • 注意事项
相关产品与服务
内容分发网络 CDN
内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档