基于函数计算一键部署一个Serverless VSCode WebIDE

本文涉及的产品
Serverless 应用引擎免费试用套餐包,4320000 CU,有效期3个月
函数计算FC,每月15万CU 3个月
简介: 从技术角度来说,Serverless 就是 FaaS 和 BaaS 的结合。Serverless = FaaS + BaaS。简单来讲,FaaS(Function as a Service) 就是一些运行函数的平台,比如阿里云的函数计算、AWS 的 Lambda 等。BaaS(Backend as a Service)则是一些后端云服务,比如云数据库、对象存储、消息队列等。利用 BaaS,可以极大简化我们的应用开发难度。Serverless 则可以理解为运行在 FaaS 中的,使用了 BaaS 的函数。

1. 前期准备工作

1.1 开通函数计算

我们首先进入函数产品详情页面,开通函数的计算,我是阿里云产品的使用者,我已经开通了函数计算,所以我显示的是管理控制台,未开通的人员在那个位置显示的是免费开通,这是现阶段阿里云给到大家的福利,大家好好珍惜!image.png

未开通的人员在点击免费开通之后,出来如下页面,我们点击开通即可.

image.png

1.2 开通对象存储

步骤都是一样的,本人是已经开通,所以显示管理控制台

image.png

2. 部署 VSCode WebIDE 到函数计算

第一步我们进入到函数计算计算页面,点击左侧工具栏的应用

image.png

注意:此处是因为我之前创建了函数实例,所以页面会显示,如果我们未使用过这个功能,这个页面是空页面.

第二步我们点击创建应用

image.png

注意: 我们需要使用的是vscode,所以我们需要找到web应用中的vscode.

image.png第三步,我们点击立即创建即可

image.png

注意: 这里我们需要注意的是在高级配置中有一个需要授权的地方,我们需要点击授权才可以进行成功的创建.

image.png

3. 删除资源

我们在使用完成之后一定要记得删除我们不用的资源,以免后续欠费.

3.1 删除函数资源

我已经将函数资源删掉了,这里就不给大家演示了,大家后续有什么不懂的地方可以给我留言,我给大家进行解答.哈哈哈哈哈

3.2 删除对应的OSS Bucket

image.png

  1. 删除对应的 OSS bucket
  2. 删除对应的 OSS bucket
  3. 删除对应的 OSS bucket

注意:我这里是之前创建了不少实例,因此页面有显示,如果没有创建即为空页面

我们在这里删除相应的实例

image.png

打开相应的实例,在底部进行删除即可.image.png

4. 经验分享

4.1 相关的理论概念

基于 Serverless 架构和 Vscode 的即开即用,用完即走的轻量 Web IDE 服务。主要特点:

  • 全功能 Vscode Web IDE,支持海量的插件。
  • 虚拟机级别的多租安全隔离。
  • 数据实时保存。用户可以随时关闭页面而不必担心数据丢失。
  • 状态实时恢复。依托于函数计算极致的启动速度,秒级恢复到上次的状态。用户可随时继续。
  • 资源利用率高,低成本。绝大多数 IDE 的使用是碎片化的,只在一天中的少部分时间被使用,因此 IDE 实例常驻是不明智的。借助函数计算完全按需付费,忙闲时单独定价的计费策略,成本比常驻型 IDE 实例低 3-10x。

4.2 心得

我们在实际应用时,阿里云官方给了我们很多的官方文档供我们大家学习,阿里云官方对于我们是非常友好的,欢迎各位一起学习我们一起讨论,方便大家给我留言.

相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
目录
打赏
0
5
4
0
800
分享
相关文章
DeepSeek 模型快速体验,魔搭+函数计算一键部署模型上云
DeepSeek模型近期备受关注,其开源版本DeepSeek-V3和DeepSeek-R1在多个基准测试中表现出色,性能比肩OpenAI顶尖模型。为降低本地部署门槛,Modelscope社区推出DeepSeek-R1-Distill-Qwen模型的一键部署服务,支持函数计算FC平台的闲置GPU实例,大幅降低成本。用户可选择不同参数量的小模型进行快速部署和推理,体验DeepSeek的强大性能。
DeepSeek 模型快速体验,魔搭+函数计算一键部署模型上云
基于函数计算一键部署 AI 陪练,快速打造你的专属口语对练伙伴
AI 口语学习涵盖发音训练、对话交流、即时反馈、个性化场景模拟和流利度提升等。本方案以英语口语学习的场景为例,利用函数计算 FC 部署 Web 应用,结合智能媒体服务(AI 实时互动)的 AI 智能体和百炼工作流应用,实现英语口语陪练。
云原生应用实战:基于阿里云Serverless的API服务开发与部署
随着云计算的发展,Serverless架构日益流行。阿里云函数计算(Function Compute)作为Serverless服务,让开发者无需管理服务器即可运行代码,按需付费,简化开发运维流程。本文从零开始,介绍如何使用阿里云函数计算开发简单的API服务,并探讨其核心优势与最佳实践。通过Python示例,演示创建、部署及优化API的过程,涵盖环境准备、代码实现、性能优化和安全管理等内容,帮助读者快速上手Serverless开发。
DeepSeek 快速体验,魔搭+函数计算一键部署模型上云
对于期待第一时间在本地进行使用的用户来说,尽管 DeepSeek 提供了从 1.5B 到 70B 参数的多尺寸蒸馏模型,但本地部署仍需要一定的技术门槛。对于资源有限的用户进一步使用仍有难点。为了让更多开发者第一时间体验 DeepSeek 模型的魅力,Modelscope 社区 DeepSeek-R1-Distill-Qwen 模型现已支持一键部署(SwingDeploy)上函数计算 FC 服务,欢迎开发者立即体验。
315 12
基于函数计算一键部署 AI 陪练,快速打造你的专属口语对练伙伴
基于函数计算一键部署 AI 陪练,快速打造你的专属口语对练伙伴
|
10月前
sublime和vscode 推荐安装的插件
sublime和vscode 推荐安装的插件
128 0
国产新型AI编程助手—DevChat AI插件在VSCode中的应用
国产新型AI编程助手—DevChat AI插件在VSCode中的应用
363 0
让你爽到飞起的【懒人插件AutoScssStruct4Vue】VSCode根据template的标签目录自动一键生成CSS/SCSS/LESS结构,敏捷开发必备插件!!!
让你爽到飞起的【懒人插件AutoScssStruct4Vue】VSCode根据template的标签目录自动一键生成CSS/SCSS/LESS结构,敏捷开发必备插件!!!
解决适配375像素宽度667像素高度移动端方法:推荐一款非常好用的px转rem单位的VSCode插件px to rem & rpx (cssrem)
解决适配375像素宽度667像素高度移动端方法:推荐一款非常好用的px转rem单位的VSCode插件px to rem & rpx (cssrem)
VSCode中自带插件Emmet的用法
Emmet 是一个强大的工具,集成在 Visual Studio Code (VSCode) 中,可以大大提高编写 HTML 和 CSS 的效率。以下是如何使用 Emmet 插件的一些基本方法
123 4

相关产品

  • 函数计算
  • AI助理

    你好,我是AI助理

    可以解答问题、推荐解决方案等