您当前的位置:首页 > 电脑百科 > 软件技术 > 软件技术

通过这个技术,浏览器可以运行Node.js、Rust、Python、PHP、C++、Java代码了!

时间:2023-10-13 13:20:36  来源:微信公众号  作者:前端充电宝
近日,WebContAIners 发布重要更新,WASI(WebAssembly 系统接口)已全面集成到 WebContainers 中。这是一个重要里程碑,它扩大了可以使用浏览器执行的操作,是 Web 开发的全新范例,允许运行大量原生应用,而无需考虑多种不同的架构

通过这个技术,浏览器可以运行Node.js、Rust、Python、PHP、C++、Java代码了!

WebContainers 是 StackBlitz 推出一种基于容器技术的 Web 应用环境,它提供了一个隔离环境来执行Web应用。WebContainers 也是第一个基于 WebAssembly 的系统,可以安全地在浏览器中启动 Node.js 环境。可以在 Stackblitz 的官网(https://stackblitz.com/)在线体验 webContainers 技术,官网已经初始提供了多种开发环境:

通过这个技术,浏览器可以运行Node.js、Rust、Python、PHP、C++、Java代码了!

近日,WebContainers 发布重要更新,WASI(WebAssembly 系统接口)已全面集成到 WebContainers 中。这是一个重要里程碑,它扩大了可以使用浏览器执行的操作,是 Web 开发的全新范例,允许运行大量原生应用,而无需考虑多种不同的架构。

这也意味着,像使用 RustPython/ target=_blank class=infotextkey>Python、php、C++、C 等语言编写的项目都可以在浏览器中运行了!

什么是 WASI?

多年来,JAVAScript 是 Web 浏览器原生支持的唯一编程语言。然而,随着 Web 的不断发展,对紧凑、安全和高效执行的代码的需求不断增长。为了解决这个问题,Mozilla 在 2015 年透露,他们正在与谷歌、微软和苹果的工程师合作开发一种新标准,称为 WebAssembly,简称 Wasm。WebAssembly 是一种低级、类似汇编的语言,独立于任何特定平台运行。它使用压缩的二进制格式,旨在安全、快速地运行,提供接近本地执行速度的性能。此外,它还可以作为编译在 Web 上运行的代码的目标。

WebAssembly 用作编译目标,其中原生代码(例如 Rust、C++ 或 Golang)被编译到 WebAssembly。最初,它是为了在Web上运行 C++ 或 Rust 等语言而创建的。然而,现在它的应用范围已经扩大了。WebAssembly 支持多种编程语言,并且不仅限于 Web 浏览器。

现在,每个 WebAssembly 模块都在一个沙盒环境中运行,没有访问系统功能(例如文件和文件系统或网络)的权限。 这意味着 WebAssembly 的功能受到限制,必须通过JavaScript提供所有外部功能。

这就是 WASI 的用武之地。WASI 表示 WebAssembly 系统接口,充当一个桥梁,提供标准化接口,允许 WebAssembly 代码安全地与文件系统、网络、生成随机数等系统接口交互,而无需要通过JavaScript注入这些功能。这扩展了 WebAssembly 的功能,使我们能够使用任何编译为WebAssembly 的语言构建应用,并在任何可用运行时的地方运行它们,包括 WebContainers!

WASI将以多种颠覆性的方式影响你:

  • 速度和安全性:两者兼得。应用在保持安全沙盒环境的同时,以接近本地速度运行。
  • 可移植性:编译一次,到处运行!将本机代码编译为 WebAssembly,并在Web或其他地方运行它。
  • 多语言支持:许多编程语言如 C、C++、Rust 等都可以编译成WebAssembly 并使用 WASI 接口。这意味着可以使用其他语言编写系统级别的代码,而不只是Web所使用的JavaScript,从而提供更多的选项和灵活性。

实现以前不可能的事

WebAssembly 运行时

WASI的集成使得在WebContainers中可以使用wasm命令从终端执行 WebAssembly 或 WASI 编译的模块。这意味着可以将代码编译为WASI,将其上传到项目中,然后通过新的wasm命令运行它。这样就可以在终端上直接运行 WebAssembly 模块,无需使用复杂的工具或设置。

通过这个技术,浏览器可以运行Node.js、Rust、Python、PHP、C++、Java代码了!

Python 支持

作为对可能性的示范,目前引入了对 Python 在 WebContainers 中的实验性支持。考虑到 Python 作为第三种最常用的编程语言,在浏览器的原生环境中一直缺失,这一点尤为重要。由于需要外部服务器进行执行,Python 的功能通常是分割的,导致开发体验不连贯。但现在不同了。随着 WASI 与 WebContainers 的集成,服务器和浏览器的领域进一步融合,为浏览器内开发开辟了新时代的道路。

重要的是,随着WASI不断演进和扩展其功能集,它将直接影响 WebContainers 中 Python 的功能。注意,这种Python的集成目前仍然处于实验阶段,这意味着它目前仅限于 Python 语言的核心功能。目前还未推出对 pip 的支持,即 Python 的软件包管理器,这意味着暂时还无法安装额外的 Python 软件包。可以编写、编辑和执行依赖于内置 Python 模块和功能的Python脚本,但对于依赖于外部库的更复杂项目则需要再等待一段时间。

通过这个技术,浏览器可以运行Node.js、Rust、Python、PHP、C++、Java代码了!

原生 CLI 工具

除此之外,还扩展了 shell 的功能,添加了对jq的支持,这是一个本地命令行JSON处理器,可以轻松地切片、过滤、映射和转换结构化数据。可以在任何项目中从shell中使用它。

通过这个技术,浏览器可以运行Node.js、Rust、Python、PHP、C++、Java代码了!

展望未来

虽然这些发展令人兴奋,但这只是个开始。WASI 仍在标准化的过程中,随着它的成熟,它将在 WebContainers  中释放更多的功能。目前正在开发一些令人兴奋的新功能,包括WebAssembly线程或WebAssembly垃圾回收等。StackBlitz 的野心是为其他流行语言添加实验性支持,特别是对 Ruby 和 PHP 的实验性支持。



Tags:浏览器   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
微软 Edge 浏览器将迎来“内存限制器”功能,用户可自主控制 Edge 内存占用
IT之家 3 月 28 日消息,微软即将为其 Edge 浏览器带来一项实用新功能,据悉该公司正在测试一项内置的内存限制器,这项功能可以让用户限制 Edge 所占用的内存,防止浏览器超出内存...【详细内容】
2024-03-29  Search: 浏览器  点击:(14)  评论:(0)  加入收藏
GitHub顶流"Web OS"——运行于浏览器的桌面操作系统、用户超100万、原生jQuery和JS编写
Puter 是近日在 GitHub 上最受欢迎的一款开源项目,正式开源还没到一周 ——star 数就已接近 7k。作者表示这个项目已开发 3 年,并获得了超过 100 万用户。根据介绍,P...【详细内容】
2024-03-10  Search: 浏览器  点击:(17)  评论:(0)  加入收藏
微软Edge浏览器新功能:手机上传 配对设备直接传文件
2月21日,微软最新的稳定版本Edge浏览器在Windows 11/10端加入了“手机上传”功能。这一功能允许用户直接从移动设备上上传文件,适用于所有网站,并且没有文件格式限制。要使用这...【详细内容】
2024-02-21  Search: 浏览器  点击:(127)  评论:(0)  加入收藏
腾讯QQ浏览器工具权益卡上线PC端,每月最低6元
IT之家 1 月 29 日消息,腾讯 QQ 浏览器此前在手机端上线工具权益卡,现将部分权益适用范围拓展至 PC 端,每月 10 元,连续包月为 6 元。开通后用户可以在 QQ 浏览器软件内享有由腾...【详细内容】
2024-01-29  Search: 浏览器  点击:(74)  评论:(0)  加入收藏
苹果Safari浏览器如何快速清理缓存?只需简单两步,轻松解决!
Safari是一款由苹果公司开发的多功能浏览器,以其快速、稳定和安全而受到用户的青睐。在我们使用Safari时,它会产生大量的缓存文件。这些缓存文件会占用存储空间,影响设备的运行...【详细内容】
2024-01-17  Search: 浏览器  点击:(76)  评论:(0)  加入收藏
微软 Edge 浏览器支持双引擎同时搜索功能,便利与槽点并存
IT之家 1 月 15 日消息,微软广告和网络服务部门首席执行官 Mikhail Parakhin 近日透露了一个微软 Edge 浏览器的隐藏功能:双引擎同时搜索。顾名思义,该功能允许用户同时使用两...【详细内容】
2024-01-16  Search: 浏览器  点击:(61)  评论:(0)  加入收藏
你用的哪个!全球浏览器份额一览:Chrome遥遥领先、微软新高苹果暴跌
快科技1月1日消息,Statcounter的调查报告显示,目前全球第一的浏览器仍然是Chrome,而微软也取得不错的成绩。Google Chrome仍然是大多数台式电脑用户的首选浏览器。它的市场份额...【详细内容】
2024-01-02  Search: 浏览器  点击:(56)  评论:(0)  加入收藏
Chameleon 恶意木马曝光,伪装成谷歌 Chrome 浏览器等应用
IT之家 12 月 26 日消息,安全公司 Threat Fabric 日前曝光了一款名为“Chameleon”的恶意木马,该木马通常伪装成谷歌 Chrome 浏览器及部分银行应用,安装后便会在后台持续录制受...【详细内容】
2023-12-26  Search: 浏览器  点击:(90)  评论:(0)  加入收藏
谷歌浏览器扩展程序位置介绍
有很多朋友还不知道谷歌浏览器扩展程序在哪,所以下面小编就讲解了谷歌浏览器扩展程序的位置介绍,有需要的小伙伴赶紧来看一下吧,相信对大家一定会有所帮助哦。谷歌浏览器扩展程...【详细内容】
2023-12-25  Search: 浏览器  点击:(60)  评论:(0)  加入收藏
谷歌浏览器开启阅读模式的方法
很多小伙伴不知道谷歌浏览器在哪开启阅读模式,所以下面小编就分享了谷歌浏览器开启阅读模式的方法,一起跟着小编来看看吧,相信对大家会有帮助。谷歌浏览器在哪开启阅读模式?1、...【详细内容】
2023-12-25  Search: 浏览器  点击:(109)  评论:(0)  加入收藏
▌简易百科推荐
Win10/Win11和 macOS用户反馈:谷歌云服务“捆绑”系统 DNS 设置
IT之家 4 月 6 日消息,谷歌公司承认旗下的 Google One 订阅服务中存在问题,在 Windows 10、Windows 11 以及 macOS 系统上会更改系统 DNS 设置,变更为 8.8.8.8 地址。Google On...【详细内容】
2024-04-08    IT之家  Tags:Win10   点击:(4)  评论:(0)  加入收藏
微软 Edge 浏览器将迎来“内存限制器”功能,用户可自主控制 Edge 内存占用
IT之家 3 月 28 日消息,微软即将为其 Edge 浏览器带来一项实用新功能,据悉该公司正在测试一项内置的内存限制器,这项功能可以让用户限制 Edge 所占用的内存,防止浏览器超出内存...【详细内容】
2024-03-29    IT之家  Tags:Edge   点击:(14)  评论:(0)  加入收藏
一寸照片的大小如何压缩?四个实测效果很好的方法
一寸照片作为生活中常见的尺寸之一,常用于各类证件照与证明文件的制作。然而,受限于其较为狭小的尺寸,上传及打印过程中很容易出现尺寸超限的情况。所以,这个时候就需要对其体积...【详细内容】
2024-03-18  宠物小阿涛    Tags:压缩   点击:(12)  评论:(0)  加入收藏
手机投屏到电脑/电视的方法
方法一:Win10自带的投影功能1、将手机和电脑连接同一个无线网络。2、选择【开始】>【设置】>【系统】>【投影到此电脑】3、将默认的始终关闭的选项更改为所有位置都可用。4、...【详细内容】
2024-03-18    老吴讲I  Tags:投屏   点击:(15)  评论:(0)  加入收藏
微软商店怎么卸载应用 一分钟快速看懂!
微软商店怎么卸载应用 一分钟快速看懂!微软公司(Microsoft Corporation)是一家全球领先的科技企业,总部位于美国华盛顿州的雷德蒙德。成立于1975年,由比尔·盖茨和保罗&mid...【详细内容】
2024-02-27  婷婷说体育    Tags:微软商店   点击:(35)  评论:(0)  加入收藏
微软Edge浏览器新功能:手机上传 配对设备直接传文件
2月21日,微软最新的稳定版本Edge浏览器在Windows 11/10端加入了“手机上传”功能。这一功能允许用户直接从移动设备上上传文件,适用于所有网站,并且没有文件格式限制。要使用这...【详细内容】
2024-02-21    中关村在线  Tags:Edge   点击:(127)  评论:(0)  加入收藏
什么是虚拟机?你知道吗?
谁都没想到 Sun 公司技术如此的强大,却在之后的岁月里逐渐走向陨落,因为不懂销售和运营,导致公司财务逐渐出现亏损,在 2009 年,Oracle 公司以现金方式收购 Sun 公司,交易价格达 74...【详细内容】
2024-02-19  Java极客技术  微信公众号  Tags:虚拟机   点击:(44)  评论:(0)  加入收藏
怎么查看电脑使用记录
查看电脑使用记录是一项常见的操作,可以帮助用户了解自己或其他人在电脑上进行了哪些操作。下面是一个详细的解释,包括查看浏览历史、文件访问记录、应用程序使用记录以及其他...【详细内容】
2024-02-06  编程资料站    Tags:使用记录   点击:(81)  评论:(0)  加入收藏
电脑虚拟内存怎么设置?1分钟快速增加内存!
“我电脑里的内存好像不太够用,因此,我想在电脑里增加一些虚拟内存。不知道我应该怎么操作呢?有什么比较简单的此操作方法吗?” 虚拟内存是计算机系统内存管理的一种技术,它为程...【详细内容】
2024-02-06  数据蛙恢复专家    Tags:虚拟内存   点击:(61)  评论:(0)  加入收藏
新手制作ai写真都是用哪些工具?
春节即将来临,你的朋友圈是否已经被各种春节主题的个人写真刷屏了?看到那么多美照,你是否也心动了?其实,制作个人写真并不需要专门去拍摄,现在有很多AI写真软件可以轻松制作出自己...【详细内容】
2024-01-31  雨后海棠    Tags:ai写真   点击:(60)  评论:(0)  加入收藏
站内最新
站内热门
站内头条