基于Serverless函数计算FC一键搭建VUE3.0脚手架

本文涉及的产品
Serverless 应用引擎免费试用套餐包,4320000 CU,有效期3个月
函数计算FC,每月15万CU 3个月
简介: Serverless函数计算FC一键搭建VUE3.0脚手架

Serverless构架

Serverless无服务架构实际上是在开发和部署软件的过程中,让软件开发者忽略服务器的存在,从而更专注于代码实现。也就是所谓的函数即服务FaaS,无服务框架即是对FaaS的一种实现。使用函数计算FC,我们只需要专注于业务代码开发,并将代码上传,后续作业都可以交由函数计算完成。

Vue.js 3.0

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

函数计算fc

阿里云函数计算是事件驱动的全托管计算服务。通过函数计算,您无需管理服务器等基础设施,只需编写代码并上传。函数计算会为您准备好计算资源,以弹性、可靠的方式运行您的代码,并提供日志查询、性能监控、报警等功能。

产品优势

  1. 您无需采购和管理服务器等基础设施,运维成本低
  2. 您只需专注业务逻辑的开发,使用函数计算支持的开发语言设计、优化、测试、审核以及上传自己的应用代码
  3. 以事件驱动的方式触发应用响应用户请求。与阿里云对象存储OSS、API网关、日志服务和表格存储等服务无缝对接,帮助您快速构建应用。例如,通过OSS解决图片和视频的存储问题,当有新数据写入您的OSS资源时,自动触发函数处理数据
  4. 提供日志查询、性能监控和报警等功能快速排查故障
  5. 毫秒级别弹性伸缩,快速实现底层扩容以应对峰值压力
  6. 按需付费,支持毫秒级计费。只需为实际使用的计算资源付费,适合有明显波峰波谷的访问场景

搭建部署vue3.0应用

  1. 首先进入https://fcnext.console.aliyun.com/overview 选择应用->通过模板创建应用 -> 选择web开发框架 -> vue3.js  点击创建


微信截图_20220705152117.png

微信截图_20220705152156.png


2.选择部署类型为 直接部署 填写应用名称 描述 配置好用户角色 直接点击创建即可

微信截图_20220705152221.png

3.创建后会自动执行部署命令 等待部署任务完成即可

ps:第一次部署没成功 不知道是啥原因直接失败了 又部署了一次成功了

微信截图_20220705152303.png

4.部署成功后 返回点击打开部署结果页面

微信截图_20220705153508.png

  1. 成功页面

微信截图_20220705153643.png

然后就可以愉快的学习vue3.0了 打完收工

总结:

Serverles体验总体还是不错的,解决了开发部署的一个痛点。方便快速开发已然已成为一种新的开发模式,Serverles前景可期,未来会有更多的开发者会摒弃传统开发模式,拥抱Serverles开发。另一点,Serverles开发低成本也是一大亮点,解决了中小企业开发成本预算的问题,同时,与阿里云对象存储OSS、API网关、日志服务和表格存储等服务无缝对接,开发难度成本大大下降!

Serverless 就是牛!

相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
目录
相关文章
|
19天前
|
JavaScript 数据可视化
vue-cli学习一:vue脚手架的 vue-cli2和vue-cli3版本 创建vue项目,vue的初始化详解
这篇文章介绍了如何使用vue-cli 2和3版本来创建Vue项目,并详细说明了两者之间的主要区别。
67 5
vue-cli学习一:vue脚手架的 vue-cli2和vue-cli3版本 创建vue项目,vue的初始化详解
|
22天前
|
JavaScript
Vue CLi脚手架创建第一个VUE项目
Vue CLi脚手架创建第一个VUE项目
32 3
|
3月前
|
消息中间件 运维 Serverless
函数计算产品使用问题之如何部署Stable Diffusion Serverless API
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
2天前
|
存储 JavaScript 前端开发
vue3的脚手架模板你真的了解吗?里面有很多值得我们学习的地方!
【10月更文挑战第21天】 vue3的脚手架模板你真的了解吗?里面有很多值得我们学习的地方!
vue3的脚手架模板你真的了解吗?里面有很多值得我们学习的地方!
|
7天前
|
机器学习/深度学习 监控 Serverless
无服务器架构(Serverless)
无服务器架构(Serverless)
|
11天前
|
缓存 JavaScript 前端开发
《基础篇第4章:vue2基础》:使用vue脚手架创建项目
《基础篇第4章:vue2基础》:使用vue脚手架创建项目
48 3
|
22天前
|
JavaScript
【小白懂系列】Vue CLi脚手架创建第一个VUE项目
【小白懂系列】Vue CLi脚手架创建第一个VUE项目
32 2
|
2月前
|
JavaScript
Vue Cli 脚手架安装
本文介绍了如何使用npm和cnpm淘宝镜像加速来安装Vue CLI脚手架工具,并验证安装成功。接着,通过Vue CLI创建新项目,并启动项目服务。
Vue Cli 脚手架安装
|
2月前
|
弹性计算 关系型数据库 Serverless
告别资源瓶颈,函数计算驱动多媒体文件处理方案:https://www.aliyun.com/solution/tech-solution/fc-drive-file
本文介绍了一种基于阿里云的一键部署解决方案,利用云服务器ECS、RDS MySQL、OSS、函数计算FC及MNS等服务,实现高效的多媒体文件处理。方案通过事件驱动机制,将文件处理任务解耦,并自动弹性扩展,按需付费,简化部署流程,提高处理效率。本文还提供了详细的部署步骤与体验反馈,展示了从配置到文件处理的全过程。
|
2月前
|
Cloud Native 关系型数据库 Serverless
基于阿里云函数计算(FC)x 云原生 API 网关构建生产级别 LLM Chat 应用方案最佳实践
本文带大家了解一下如何使用阿里云Serverless计算产品函数计算构建生产级别的LLM Chat应用。该最佳实践会指导大家基于开源WebChat组件LobeChat和阿里云函数计算(FC)构建企业生产级别LLM Chat应用。实现同一个WebChat中既可以支持自定义的Agent,也支持基于Ollama部署的开源模型场景。
292 12

热门文章

最新文章

相关产品

  • 函数计算