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的功能,最后一定会让我们在线体验到和本地一样操作习惯,比本地更极速的开发体验。

相关实践学习
【AI破次元壁合照】少年白马醉春风,函数计算一键部署AI绘画平台
本次实验基于阿里云函数计算产品能力开发AI绘画平台,可让您实现“破次元壁”与角色合照,为角色换背景效果,用AI绘图技术绘出属于自己的少年江湖。
从 0 入门函数计算
在函数计算的架构中,开发者只需要编写业务代码,并监控业务运行情况就可以了。这将开发者从繁重的运维工作中解放出来,将精力投入到更有意义的开发任务上。
相关文章
|
11月前
|
Cloud Native Serverless 流计算
云原生时代的应用架构演进:从微服务到 Serverless 的阿里云实践
云原生技术正重塑企业数字化转型路径。阿里云作为亚太领先云服务商,提供完整云原生产品矩阵:容器服务ACK优化启动速度与镜像分发效率;MSE微服务引擎保障高可用性;ASM服务网格降低资源消耗;函数计算FC突破冷启动瓶颈;SAE重新定义PaaS边界;PolarDB数据库实现存储计算分离;DataWorks简化数据湖构建;Flink实时计算助力风控系统。这些技术已在多行业落地,推动效率提升与商业模式创新,助力企业在数字化浪潮中占据先机。
581 12
|
运维 Cloud Native Serverless
Serverless Argo Workflows大规模计算工作流平台荣获信通院“云原生技术创新标杆案例”
2024年12月24日,阿里云Serverless Argo Workflows大规模计算工作流平台荣获由中国信息通信研究院颁发的「云原生技术创新案例」奖。
|
人工智能 运维 Cloud Native
产品测评 | 云原生应用开发平台CAP快速使用体验
在2024年云栖大会上,阿里云发布了云应用开发平台CAP,这是一站式云原生应用开发及管理平台,提供丰富的Serverless + AI应用模板、先进的开发者工具和企业级应用管理功能,旨在降低开发门槛,提高开发效率,支持快速构建和迭代云上应用。CAP通过极低成本的模型托管服务、流程式开发工具、一键创建AI应用等功能,显著提升了开发者的研发、部署和运维效能。
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
12434 5
|
前端开发 JavaScript 数据库
VSCode编程助手工程能力体验报告(一):通义灵码 - 帮你高效切入新项目、编码和提升质量
我是一位软件工程师,用通义灵码个人版vscode插件的workspace做项目分析和复盘,对比之前没有灵码,现在提效了80%,本文介绍了具体的使用流程。
4307 3
|
机器学习/深度学习 人工智能 Cloud Native
2024 天池云原生编程挑战赛决赛名单出炉,冠军来自中山大学、昆仑数智战队
2024 天池云原生编程挑战赛由阿里云主办,云原生应用平台、天池以及市场营销部联合承办,本届大赛成功吸引了超过 20500 支队伍积极参与,参赛者来自 10 多个国家和地区,大赛规模创下历史新高。
|
存储 Kubernetes Cloud Native
探索Python编程的奥秘云原生时代的容器编排:Kubernetes入门与实践
【8月更文挑战第30天】本文以浅显易懂的方式,探讨了Python编程的核心概念和技巧。从基础语法到高级特性,再到实际应用案例,逐步引导读者深入理解Python编程的精髓。通过本文的学习,读者将能够掌握Python编程的基本技能,并激发进一步探索的兴趣。
174 14
|
Kubernetes Cloud Native Java
探索未来编程新纪元:Quarkus带你秒建高性能Kubernetes原生Java应用,云原生时代的技术狂欢!
Quarkus 是专为 Kubernetes 设计的全栈云原生 Java 框架,凭借其轻量级、快速启动及高效执行特性,在 Java 社区脱颖而出。通过编译时优化与原生镜像支持,Quarkus 提升了应用性能,同时保持了 Java 的熟悉度与灵活性。本文将指导你从创建项目、编写 REST 控制器到构建与部署 Kubernetes 原生镜像的全过程,让你快速上手 Quarkus,体验高效开发与部署的乐趣。
554 1
|
Cloud Native Java API
为何这款轻量级框架正悄然改变云原生应用开发格局?——探索Micronaut带来的新编程体验
【9月更文挑战第5天】随着云计算的发展,企业纷纷转向云原生应用开发。Micronaut是一款轻量级、高性能的Java框架,专为微服务架构设计,支持JVM和GraalVM,是构建云原生应用的理想选择。本文介绍Micronaut的基本概念并通过示例展示如何快速搭建云原生应用。使用Micronaut CLI可以轻松创建项目并添加REST接口,其注解驱动的API让开发变得简单直接。Micronaut还提供了健康检查、指标收集等高级功能,支持AOT编译,优化应用性能。对于追求高效开发的团队而言,Micronaut提供了一种全新的解决方案。
351 6

相关产品

  • 函数计算