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

本文涉及的产品
Serverless 应用引擎免费试用套餐包,4320000 CU,有效期3个月
函数计算FC,每月15万CU 3个月
简介: 本文主要讲述部署使用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的功能,最后一定会让我们在线体验到和本地一样操作习惯,比本地更极速的开发体验。

相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
相关文章
|
3月前
|
消息中间件 JavaScript 中间件
函数计算产品使用问题之WebIDE编写的Node.js代码是否会自动进行打包部署
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
18天前
|
Kubernetes Cloud Native Serverless
批处理系统:Batch批量计算与云原生Serverless Argo Workflows
本文对比了Batch批量计算与Serverless Argo Workflows在容器化批处理任务中的应用,分析了两者在任务定义、依赖关系、规模并发、高级编排、可移植性等方面的异同,帮助技术决策者根据自身需求选择合适的平台。
|
3月前
|
Kubernetes 安全 Serverless
Kubernetes云原生问题之在Serverless Container中,Pod运行如何解决
Kubernetes云原生问题之在Serverless Container中,Pod运行如何解决
68 5
|
3月前
|
Cloud Native Serverless 云计算
云原生时代的技术演进:从微服务到Serverless
在数字化转型的浪潮中,云原生技术正成为推动企业IT架构现代化的重要力量。本文将探讨云原生技术的关键组成部分—微服务与Serverless架构—如何助力企业实现敏捷开发和高效运维。通过深入分析这两种架构模式的优势与挑战,我们旨在为读者揭示云原生环境下的最佳实践和未来发展趋势。
|
3月前
|
消息中间件 JavaScript 中间件
函数计算产品使用问题之WebIDE编写
本文解答了五个关于阿里云函数计算(FC)的常见问题:1)WebIDE编写的Node.js代码会自动打包部署,并建议将大型依赖打成自定义层;2)如何为fc-stable-diffusion-plus开通API功能;3)如何在代码中主动结束实例并重启新实例处理请求,提供了多种解决方案;4)如何在Koa框架中读取FC的invoke事件消息,给出详细示例代码;5)排查FC异步事件未触发的原因及解决方法,包括检查事件规则、配置和权限等。每项解答均包含具体操作建议及注意事项。更多详细信息,请点击链接查看。
50 0
|
4月前
|
运维 Cloud Native 开发者
云原生架构的演进之路:从微服务到无服务器计算
在数字化转型的浪潮中,企业不断追求更高效、灵活的IT解决方案。云原生技术作为推动现代软件部署的关键力量,其发展经历了从微服务到无服务器计算的转变。本文将深入探讨这一演进过程,揭示它如何重塑应用开发与运维模式,并展望云原生技术的未来趋势。
|
4月前
|
存储 Serverless API
函数计算产品使用问题之webIDE如何用gitlab做版本管理
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
2月前
|
人工智能 自然语言处理 Serverless
阿里云函数计算 x NVIDIA 加速企业 AI 应用落地
阿里云函数计算与 NVIDIA TensorRT/TensorRT-LLM 展开合作,通过结合阿里云的无缝计算体验和 NVIDIA 的高性能推理库,开发者能够以更低的成本、更高的效率完成复杂的 AI 任务,加速技术落地和应用创新。
131 13
|
3月前
|
Serverless API 异构计算
函数计算产品使用问题之修改SD模版应用的运行环境
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
3月前
|
运维 Serverless 网络安全
函数计算产品使用问题之通过仓库导入应用时无法配置域名外网访问,该如何排查
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。

热门文章

最新文章

相关产品

  • 函数计算