2022第三届云原生编程挑战赛--Serverless VSCode WebIDE使用体验

简介: 本文主要讲述部署使用Serverless VSCode WebIDE线上开发工具的体验

活动背景

第三届云原生编程挑战赛,是由阿里云、Intel主办,云原生应用平台、天池联合承办的云原生顶级品牌赛事,主要为热爱技术的年轻人提供一个挑战世界级技术问题的舞台,希望用技术为全社会创造更大价值。活动地址:https://developer.aliyun.com/topic/CloudNative

赛题说明

本次大赛主要继续深度探索服务网格、边缘容器、Serverless三大热门技术领域,因而围绕这三大热门技术领域设置了三个赛题:

赛题一:针对Sidecar模式下的服务网格数据面应用服务访问QPS和延时的优化

赛题二:针对边缘计算场景的ACK@Edge高效的边缘自治方案

赛题三:实现一个 Serverless 架构的 Web IDE 服务

这里我个人比较感兴趣的是Web IDE服务,因为本地电脑开发工具IDEA太耗费内存,导致电脑总是挺卡的缘故,个人更感兴趣的是赛题三。赛题组为了让开发者能更容易理解赛题三设置的规则和实现方向,同时也提供给了参赛者相应的实例,那么实例如何体验呢?下面我将带着大家一步一步来体验赛题三相关产品的使用体验。

Serverless VSCode WebIDE体验

上面说到要体验赛题三大赛组给的实例,那么去哪儿体验呢?,这里有两个体验入口,

体验入口

在赛题三的【赛题说明】页,大家可以看到下图红框标识,点击就可以进入到Serverless VSCode示例所在的github地址:https://github.com/devsapp/start-serverless-webide

image.png

在【serverless-webide 帮助文档】可以找到【部署&体验】,点击下图1处的【一键部署】

image.png

就可以跳转到【函数计算FC】的【Serverless 应用中心】中的创建应用页面,浏览器跳转链接:https://fcnext.console.aliyun.com/applications/create?template=start-serverless-webide 如图

image.png

下拉页面点击【创建】,即可完成Serverless VSCode WebIDE服务的创建,下面再说另外一个体验入口,第二个体验入口还是在赛题三的赛题说明页面,这里下拉页面到【作品提交说明】,可以看到

image.png

点击红框链接就可以跳转到【一分钟体验Serverless场景】,链接地址:https://developer.aliyun.com/adc/series/tianchi/alibabacloudnative ,在这里也可以真实体验Serverless VSCode WebIDE的强大功能,体验之前呢先简单介绍一下Serverless VSCode WebIDE

什么是Serverless VSCode WebIDE

Serverless VSCode WebIDE是基于 Serverless 架构和 Vscode 的即开即用,用完即走的轻量 Web IDE 服务,全功能 Vscode Web IDE,支持海量的插件;虚拟机级别的多租安全隔离;数据实时保存,不用担心开发过程中电脑问题导致的数据保存不及时而丢失数据的问题;状态实时恢复,秒级恢复到上一应用状态;资源利用率高,低成本,这一点主要是针对资源利用率与收费问题,与常驻型 IDE 费用问题相比低3-10倍。

部署&体验

在部署之前,首先需要到对象存储控制台:https://oss.console.aliyun.com/bucket 创建一个存储桶Bucket。后面在部署【serverless vscode webide】需要用到对象存储

image.png

点击【bucket列表】选择【创建bucket】

image.png

输入【bucket名称】,选择【地域】,点击【确定】完成对象存储bucket创建

image.png

进入【函数计算FC】控制台,点击【应用】菜单

image.png


打开【应用】菜单后选择【通过模板创建应用】--【Web 应用】--【serverless vscode webide】

image.png

选中【serverless vscode webide】点击【立即创建】打开创建serverless vscode webide应用页面

image.png

根据红色提示补充权限后补充对象存储bucket信息

image.png

点击【创建】可以看到应用部署中

image.png

image.png

等待几分钟完成部署,

部署成功之后会生成一个访问域名

image.png

点击访问域名http://webide.webide-server.1726694951134958.cn-shanghai.fc.devsapp.net/

如果访问域名页面展示的如图

lQLPJxZ94bVSM1zMm80DzrDky7Q5Ifl3CwLPT5NGgHUA_974_155.png

则需要检查一下你创建OSS的bucket选择的地域与创建模板应用时选择的region是否相同,没有问题的情况下会打开serverless webide即可在线体验ide

image.png

点击【Open Folder】选择远程目录路径后即可打开开发页面

image.png

点击【Open File...】如图

image.png

这里我选择【Show Local】

image.png

我选择打开本地文件【Open Files...】

image.png

打开本地文件后,会提示安装一个插件,点击【Install】会出现左上角的安装提示,安装完成之后可以进行正常的代码开发和后续的操作了,这里不再多说了,欢迎体验,下面说一下这次试用的感受。

使用感受

整体部署体验还是很流畅的,操作也很简单,部署了之后就可以体验在线Webide开发,

在整个使用过程中,有几点个人觉得还需要通过2022云原生编程大赛来广纳百川解决的:

1.目前在线Web ide打开本地文件的时候不能打开整个项目,只能选择文件打开;

2.测试类进行测试的时候,不能选择指定方法进行测试,只能点整体执行java文件,与本地开发工具IDEA使用习惯差太多了,学习成本太高;

3.线上打开本地文件自动保存时没有更新本地文件内容;

虽然目前来说在线Web ide体验不是很完善,但是感谢阿里技术的热心奉献让我们看到了在线可用方便的Web ide的模型,相信通过这次大赛赛题三专题的设立,可以集思广益丰富Web ide的功能,最后一定会让我们在线体验到和本地一样操作习惯,比本地更极速的开发体验。

相关实践学习
【玩转ComfyUI】基于函数计算一键部署AI生图平台ComfyUI
本次实验将带大家通过使用阿里云产品函数计算FC,快速使用ComfyUI实现更高质量的图像生成。
从 0 入门函数计算
在函数计算的架构中,开发者只需要编写业务代码,并监控业务运行情况就可以了。这将开发者从繁重的运维工作中解放出来,将精力投入到更有意义的开发任务上。
相关文章
|
运维 监控 Cloud Native
【云故事探索】NO.17:国诚投顾的云原生 Serverless 实践
国诚投顾携手阿里云,依托Serverless架构实现技术全面升级,构建高弹性、智能化技术底座,提升业务稳定性与运行效率。通过云原生API网关、微服务治理与智能监控,实现流量精细化管理与系统可观测性增强,打造安全、敏捷的智能投顾平台,助力行业数字化变革。
【云故事探索】NO.17:国诚投顾的云原生 Serverless 实践
|
运维 监控 Cloud Native
【云故事探索】NO.17:国诚投顾的云原生 Serverless 实践
通过与阿里云深度合作,国诚投顾完成了从传统 ECS 架构向云原生 Serverless 架构的全面转型。新的技术架构不仅解决了原有系统在稳定性、弹性、运维效率等方面的痛点,还在成本控制、API 治理、可观测性、DevOps 自动化等方面实现了全方位升级。
|
弹性计算 运维 Cloud Native
【云故事探索】NO.17:国诚投顾的云原生Serverless实践
简介: 通过与阿里云深度合作,国诚投顾完成了从传统 ECS 架构向云原生 Serverless 架构的全面转型。新的技术架构不仅解决了原有系统在稳定性、弹性、运维效率等方面的痛点,还在成本控制、API 治理、可观测性、DevOps 自动化等方面实现了全方位升级。
286 1
|
Cloud Native Serverless 流计算
云原生时代的应用架构演进:从微服务到 Serverless 的阿里云实践
云原生技术正重塑企业数字化转型路径。阿里云作为亚太领先云服务商,提供完整云原生产品矩阵:容器服务ACK优化启动速度与镜像分发效率;MSE微服务引擎保障高可用性;ASM服务网格降低资源消耗;函数计算FC突破冷启动瓶颈;SAE重新定义PaaS边界;PolarDB数据库实现存储计算分离;DataWorks简化数据湖构建;Flink实时计算助力风控系统。这些技术已在多行业落地,推动效率提升与商业模式创新,助力企业在数字化浪潮中占据先机。
916 12
|
Cloud Native 安全 Serverless
云原生应用实战:基于阿里云Serverless的API服务开发与部署
随着云计算的发展,Serverless架构日益流行。阿里云函数计算(Function Compute)作为Serverless服务,让开发者无需管理服务器即可运行代码,按需付费,简化开发运维流程。本文从零开始,介绍如何使用阿里云函数计算开发简单的API服务,并探讨其核心优势与最佳实践。通过Python示例,演示创建、部署及优化API的过程,涵盖环境准备、代码实现、性能优化和安全管理等内容,帮助读者快速上手Serverless开发。
|
存储 Cloud Native 数据处理
从嵌入式状态管理到云原生架构:Apache Flink 的演进与下一代增量计算范式
本文整理自阿里云资深技术专家、Apache Flink PMC 成员梅源在 Flink Forward Asia 新加坡 2025上的分享,深入解析 Flink 状态管理系统的发展历程,从核心设计到 Flink 2.0 存算分离架构,并展望未来基于流批一体的通用增量计算方向。
789 0
从嵌入式状态管理到云原生架构:Apache Flink 的演进与下一代增量计算范式
|
运维 监控 Cloud Native
从本土到全球,云原生架构护航灵犀互娱游戏出海
本文内容整理自「 2025 中企出海大会·游戏与互娱出海分论坛」,灵犀互娱基础架构负责人朱晓靖的演讲内容,从技术层面分享云原生架构护航灵犀互娱游戏出海经验。
1032 15
|
运维 监控 Cloud Native
从本土到全球,云原生架构护航灵犀互娱游戏出海
内容整理自「 2025 中企出海大会·游戏与互娱出海分论坛」,灵犀互娱基础架构负责人朱晓靖的演讲内容,从技术层面分享云原生架构护航灵犀互娱游戏出海经验。
|
Kubernetes Cloud Native 微服务
探索云原生技术:容器化与微服务架构的融合之旅
本文将带领读者深入了解云原生技术的核心概念,特别是容器化和微服务架构如何相辅相成,共同构建现代软件系统。我们将通过实际代码示例,探讨如何在云平台上部署和管理微服务,以及如何使用容器编排工具来自动化这一过程。文章旨在为开发者和技术决策者提供实用的指导,帮助他们在云原生时代中更好地设计、部署和维护应用。
735 59
|
运维 Cloud Native 测试技术
极氪汽车云原生架构落地实践
随着极氪数字业务的飞速发展,背后的 IT 技术也在不断更新迭代。极氪极为重视客户对服务的体验,并将系统稳定性、业务功能的迭代效率、问题的快速定位和解决视为构建核心竞争力的基石。

热门文章

最新文章

相关产品

  • 函数计算