基于函数计算部署Serverless VSCode WebIDE

简介: 基于函数计算一键部署一个Serverless VSCode WebIDE,即开即用,用完即走。

基于函数计算部署Serverless VSCode WebIDE


1. 开通函数计算服务和对象存储服务

开通函数计算及对象存储服务

实验前,您需要开通函数计算对象存储OSS

2. 部署 VSCode WebIDE 到函数计算

  1. 进入函数计算控制台, 点击左侧的应用按钮:

注:如果之前使用过应用中心,点击应用之后出现类似于下面的页面:

  1. 点击“创建应用”按钮继续流程
  • 点击应用/通过模版创建应用之后,可以看到模版列表, 此时选择“web应用/serverless vscode webide”即可:

  • 选择立即创建,然后选择直接部署:

此时还需要关注页面上角色名称部分,此时需要点击前往授权进行授权, 点击同意授权。

  • 完成Service role的角色授权和填写一个指定region的 OSS 存储桶,点击页面最下面的创建按钮。

可以打开oss 控制台,比如你准备部署在杭州, 如下面, 那就在杭州创建一个 oss 的 bucket

3. 等待几分钟待应用创建部署完成,就可以看到访问域名

  • 浏览器打开域名, 就可以访问一个 vscode 版本的 web ide 了

注意: 通过浏览器打开 web ide ,会产生少许的流量费用, 收费标准为 0.5 元/GB。请您在使用完成后及时删除应用,避免欠费。

3. 删除资源

  1. 删除函数计算资源

由于函数计算是 Serverless 产品, 按量计费, 如果不发生函数调用就不会产生费用。 但最好还是删掉相关资源

前往函数计算应用中心

  1. 删除对应的 OSS bucket

登录 OSS 控制台

实验地址:https://developer.aliyun.com/adc/scenario/0a43b158a1594ba0bd26572bc09cfdc2


相关实践学习
【AI破次元壁合照】少年白马醉春风,函数计算一键部署AI绘画平台
本次实验基于阿里云函数计算产品能力开发AI绘画平台,可让您实现“破次元壁”与角色合照,为角色换背景效果,用AI绘图技术绘出属于自己的少年江湖。
从 0 入门函数计算
在函数计算的架构中,开发者只需要编写业务代码,并监控业务运行情况就可以了。这将开发者从繁重的运维工作中解放出来,将精力投入到更有意义的开发任务上。
相关文章
|
11月前
|
人工智能 运维 安全
函数计算支持热门 MCP Server 一键部署
云上托管 MCP 搭建 AI Agent 将成为趋势。函数计算 FC 目前已经支持开源 MCP Server 一键托管,欢迎体验。
1383 113
|
11月前
|
Serverless Python
借助 serverless 将 MCP 服务部署到云端
本文介绍了如何将 MCP 服务通过 SSE 协议部署到云端,避免本地下载和启动的麻烦。首先,使用 Python 实现了一个基于 FastMCP 的网络搜索工具,并通过设置 `transport='sse'` 启用 SSE 协议。接着,编写客户端代码测试服务功能,确保其正常运行。随后,利用阿里云函数计算服务(FC 3.0)以 Serverless 方式部署该服务,包括创建函数、配置环境变量、添加依赖层以及部署代码。最后,提供了客户端测试方法和日志排查技巧,并展示了如何在不同工具(如 Cherry-Studio、Cline 和 Cursor)中配置云端 MCP 服务。
1595 10
借助 serverless 将 MCP 服务部署到云端
|
11月前
|
人工智能 运维 安全
函数计算支持热门 MCP Server 一键部署
MCP(Model Context Protocol)自2024年发布以来,逐渐成为AI开发领域的实施标准。OpenAI宣布其Agent SDK支持MCP协议,进一步推动了其普及。然而,本地部署的MCP Server因效率低、扩展性差等问题,难以满足复杂生产需求。云上托管成为趋势,函数计算(FC)作为Serverless算力代表,提供一键托管开源MCP Server的能力,解决传统托管痛点,如成本高、弹性差、扩展复杂等。通过CAP平台,用户可快速部署多种热门MCP Server,体验高效灵活的AI应用开发与交互方式。
3873 10
|
10月前
|
安全 搜索推荐 Serverless
HarmonyOS5云服务技术分享--Serverless抽奖模板部署
本文详细介绍了如何使用华为HarmonyOS的Serverless模板快速搭建抽奖活动,手把手教你完成从前期准备到部署上线的全流程。内容涵盖账号注册、云函数配置、参数调整、托管上线及个性化定制等关键步骤,并附带常见问题解答和避坑指南。即使是零基础用户,也能轻松上手,快速实现抽奖活动的开发与部署。适合希望高效构建互动应用的开发者参考学习。
sublime和vscode 推荐安装的插件
sublime和vscode 推荐安装的插件
390 0
|
人工智能 自然语言处理 算法
国产新型AI编程助手—DevChat AI插件在VSCode中的应用
国产新型AI编程助手—DevChat AI插件在VSCode中的应用
850 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 插件的一些基本方法
297 4
|
传感器 前端开发 JavaScript
前端开发者必备的VS Code插件推荐
前端开发者必备的VS Code插件推荐

相关产品

  • 函数计算