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 入门函数计算
在函数计算的架构中,开发者只需要编写业务代码,并监控业务运行情况就可以了。这将开发者从繁重的运维工作中解放出来,将精力投入到更有意义的开发任务上。
相关文章
|
机器学习/深度学习 人工智能 自然语言处理
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
17542 5
|
前端开发 JavaScript 数据库
VSCode编程助手工程能力体验报告(一):通义灵码 - 帮你高效切入新项目、编码和提升质量
我是一位软件工程师,用通义灵码个人版vscode插件的workspace做项目分析和复盘,对比之前没有灵码,现在提效了80%,本文介绍了具体的使用流程。
5490 3
|
机器学习/深度学习 人工智能 Cloud Native
2024 天池云原生编程挑战赛决赛名单出炉,冠军来自中山大学、昆仑数智战队
2024 天池云原生编程挑战赛由阿里云主办,云原生应用平台、天池以及市场营销部联合承办,本届大赛成功吸引了超过 20500 支队伍积极参与,参赛者来自 10 多个国家和地区,大赛规模创下历史新高。
|
存储 Kubernetes Cloud Native
探索Python编程的奥秘云原生时代的容器编排:Kubernetes入门与实践
【8月更文挑战第30天】本文以浅显易懂的方式,探讨了Python编程的核心概念和技巧。从基础语法到高级特性,再到实际应用案例,逐步引导读者深入理解Python编程的精髓。通过本文的学习,读者将能够掌握Python编程的基本技能,并激发进一步探索的兴趣。
233 14
|
Cloud Native Java API
为何这款轻量级框架正悄然改变云原生应用开发格局?——探索Micronaut带来的新编程体验
【9月更文挑战第5天】随着云计算的发展,企业纷纷转向云原生应用开发。Micronaut是一款轻量级、高性能的Java框架,专为微服务架构设计,支持JVM和GraalVM,是构建云原生应用的理想选择。本文介绍Micronaut的基本概念并通过示例展示如何快速搭建云原生应用。使用Micronaut CLI可以轻松创建项目并添加REST接口,其注解驱动的API让开发变得简单直接。Micronaut还提供了健康检查、指标收集等高级功能,支持AOT编译,优化应用性能。对于追求高效开发的团队而言,Micronaut提供了一种全新的解决方案。
445 6
|
Kubernetes Cloud Native Java
探索未来编程新纪元:Quarkus带你秒建高性能Kubernetes原生Java应用,云原生时代的技术狂欢!
Quarkus 是专为 Kubernetes 设计的全栈云原生 Java 框架,凭借其轻量级、快速启动及高效执行特性,在 Java 社区脱颖而出。通过编译时优化与原生镜像支持,Quarkus 提升了应用性能,同时保持了 Java 的熟悉度与灵活性。本文将指导你从创建项目、编写 REST 控制器到构建与部署 Kubernetes 原生镜像的全过程,让你快速上手 Quarkus,体验高效开发与部署的乐趣。
706 1
|
运维 Kubernetes Cloud Native
云原生之旅:Kubernetes 集群的搭建与实践Python 编程入门:从零基础到编写实用脚本
【8月更文挑战第30天】在数字化转型的大潮中,云原生技术以其弹性、可扩展性及高效运维能力成为企业IT架构升级的关键。本文将通过实际操作演示如何在本地环境搭建一个简易的Kubernetes集群,带你领略云原生的魅力所在。从集群规划到服务部署,每一步都是对云原生理念的深刻理解和应用。让我们共同探索,如何通过Kubernetes集群的搭建和运维,提升业务灵活性和创新能力。
|
Kubernetes Cloud Native JavaScript
云原生入门:Kubernetes的简单部署与管理探索Python编程的魔法:从基础到进阶
【8月更文挑战第28天】随着云计算技术的蓬勃发展,云原生(Cloud Native)已经成为现代软件开发和运维的重要理念。本篇文章将引导读者了解云原生的基础概念,并以Kubernetes为例,展示如何在云平台上进行简单的部署和管理。通过实际操作,你将学会如何利用Kubernetes管理容器化应用,进而掌握云原生服务的核心技能。 【8月更文挑战第28天】在这篇文章中,我们将一起踏上一段激动人心的旅程,穿越Python编程的世界。无论你是初学者还是有一定经验的开发者,这篇文章都将为你揭示Python的奥秘和魅力。我们将从基础语法开始,逐步深入到面向对象编程、函数式编程技巧,以及如何利用Pytho
|
10月前
|
人工智能 运维 Kubernetes
Serverless 应用引擎 SAE:为传统应用托底,为 AI 创新加速
在容器技术持续演进与 AI 全面爆发的当下,企业既要稳健托管传统业务,又要高效落地 AI 创新,如何在复杂的基础设施与频繁的版本变化中保持敏捷、稳定与低成本,成了所有技术团队的共同挑战。阿里云 Serverless 应用引擎(SAE)正是为应对这一时代挑战而生的破局者,SAE 以“免运维、强稳定、极致降本”为核心,通过一站式的应用级托管能力,同时支撑传统应用与 AI 应用,让企业把更多精力投入到业务创新。
903 30

热门文章

最新文章

相关产品

  • 函数计算