您当前的位置:首页 > 电脑百科 > 程序开发 > 编程百科

人们在用 WebAssembly 构建什么应用?

时间:2023-01-07 11:35:32  来源:今日头条  作者:启辰8

WebAssembly (WASM) 在过去几年一直是一个流行词。 这是一项引起广泛关注但在实践中应用较少的技术。 我一直很好奇它的现状,所以我调查并总结了我的发现。 其中一些可能会让您大吃一惊。

背景

在 WebAssembly 标准问世之前,JAVAscript 是 Web 浏览器唯一支持的编程语言。 然而,WASM 从未被创建为 JavaScript 的替代品,而且它不能因为语言太低级了。 相反,它专门用于补充 Javascript 并解决其在执行计算和内存密集型任务(视频编辑、游戏、CAD 等)时的性能问题。


 

但是,随着它的发展,还会启用一些有趣且意想不到的副作用场景,正如您将在本文中看到的那样。

在我们继续之前的一些快速说明:

您不直接编写 WASM。 相反,您可以使用 C++ 或 Rust 等高级语言并编译为 WASM。

它以紧凑的二进制格式存储(如机器代码)。

它在安全、隔离的沙箱中执行。

就其本身而言,除了快速处理大量数字外,它并没有做太多事情。 没有网络,没有文件系统,也没有 DOM 访问。

人们使用 WebAssembly 构建的内容可以分为两类:在浏览器中和在服务器中。

在浏览器上

人们在浏览器中使用 WebAssembly 主要出于三个原因:

优化计算和资源密集型任务的性能。

将遗留的本机应用程序迁移到 Web 应用程序。

允许 Javascript 以外的语言在浏览器中运行。

让我们探索这些用例的一些成功的。

Figma


 

如果您是 UI/UX 设计师或时不时搞砸您的设计的开发人员,那么在过去的一年里您不可能错过 Figma。 这是一款出色的产品,展示了当今网络应用程序可以拥有的最先进性能。

WebAssembly 是 Figma 成功的秘诀之一。 令许多人惊讶的是,虽然是一个网络应用程序,但 Figma 的编辑器是用 C++ 编写的,甚至在 WebAssembly 出现之前。 鉴于浏览器仅执行 Javascript,这怎么可能? 答案很简单; C++ 代码在交付到 Web 之前被转换为 Javascript。

但为什么不从一开始就使用 Javascript 呢? 关键的区别在于 C++ 代码是如何转换为 JS 的。 Javascript 是一种非常动态的语言。 为了让它运行得更快,浏览器引擎做了很多魔术来动态优化它。 然而,结果仍然是次优且不可预测的。 有一种方法可以使用 Javascript 获得更好的性能 - 编写代码更像您使用静态语言的方式,以便引擎更容易处理。 Figma 最初使用“asm.js”来实现目标——它本质上是一个以高性能方式将 C++ 代码转换为 Javascript 代码的转译器。

不过归根结底还是Javascript代码,通过网络加载并不紧凑,浏览器还需要解析它的文本。 这就是 WebAssembly 胜过之前方法的地方。 WASM 是一种面向机器的代码。 它比 Javascript 更紧凑,浏览器的处理成本也更低。 通过从 asm.js 迁移到 WebAssebmly,Figma 获得了 3 倍的性能提升。


 

AutoCAD


 

作为 1982 年创建的产品,AutoCad 比 Web 还早,而且规模庞大——它有高达 1500 万行的 C++ 代码。 很长一段时间以来,它一直想转移到网络上,但是用 Javascript 重写所有东西是不切实际的:大量的工作和更慢的结果产品。 最后,WebAssembly 作为救世主来了。

在许多方面,AutoCAD 对 WebAssembly 的使用类似于 Figma,只是它有一个额外的问题,即对 windows 操作系统的紧密依赖需要解决。 然而,看到 WebAssembly 作为一项相对较新的技术能够支持如此庞大而复杂的应用程序并使其在现代焕然一新,仍然令人惊叹。

顺便说一下,在 WebAssembly 的帮助下,Adobe Photoshop 也搬到了网络上。

Microsoft Blazor


 

Blazor 是 Microsoft 通过 WebAssembly 使用其主要后端语言 C# 开发 Web 前端的产品。 正如它的口号所说,目标是在不编写 Javascript 的情况下构建全栈 Web 应用程序,但为什么呢? 这个想法可能是微软开发人员非常喜欢 C# 并希望在任何地方都使用它。

// A Blazor component@page "/counter"CounterCounter

Current count: @currentCount

Click me// C# below@code {private int currentCount = 0;[Parameter]public int IncrementAmount { get; set; } = 1;private void IncrementCount()currentCount += IncrementAmount;

接触过微软生态的人可能会马上问:这是Silverlight复活了吗? 不,这不对。 Silverlight 是专有技术,需要安装,并且没有通用的浏览器支持。 相反,Blazor 基于 WebAssembly,它现在是 Web 标准的一部分。

尽管它的价值主张有点奇怪,但 Blazor 很好地展示了 WebAssembly 为浏览器带来更多编程语言的潜力。 我认为任何此类努力都不会威胁到 Javascript 的统治地位,但在某些有趣的小众场景中,这可能非常有用。 例如,直接在浏览器中运行 Python/ target=_blank class=infotextkey>Python,你可以在不运行本地 python 服务器的情况下使用 Jupyter notebook:


 

服务器端

WebAssembly 的创建者在创建该技术时可能已经想到了在非浏览器环境中运行的可能性,但是服务器端开发人员的热情却大大超出了他们的预期。

这种兴奋是可以理解的——WebAssembly 提供了一种在服务器上执行不受信任代码的理想方式——它具有可移植性、更易于保护、使用的内存比 JVM 或 Docker 少得多,并且是将许多高级语言编译成的自然目标。 对于托管在您的 IDC 中的长时间运行的 Web 服务器进程来说,这可能意义不大,但对于某些场景来说可能是有益的:

需要为其租户大规模运行短期例程的无服务器托管提供商 - 快速启动、低占用空间和沙盒至关重要。

支持运行用户或社区提供的插件的 SaaS 产品

资源非常紧张的边缘环境

WASI 规范的创建开启了服务器端 WASM 的蓬勃发展。 WASI 是 WASM 的同行规范,旨在标准化 WASM 代码如何与其托管环境交互。 在浏览器中,这不是必需的,因为 WASM 是对 Javascript 的增强,它已经可以通过 DOM、BOM 和 Web API 访问其托管环境(浏览器)。 在服务器上时,WASM 是独立的,如果它不能与其环境交互,它就不是很有用。

如果您对现实世界的进展感兴趣,请查看以下将服务器端 WASM 包装到服务中的公司。 随着技术的成熟,它们可能成为传统的基于容器的 PaaS/FaaS 供应商的严峻挑战者。 很长一段时间以来,云业务一直渴望小型、可移植、安全的应用程序运行时。

Cosmonic


 

Fermyon


 

What's Next

WebAssembly 仍然是一项年轻的技术。 在浏览器端,用例是可靠的。 然而,它仍然需要发展成为一种更令人愉快的开发方式——今天,你不能像 ES 模块那样直接加载 WASM,需要复杂的 Javascript 胶水代码来连接它。 在服务器端,它更不成熟,它的价值值得商榷。 它等待着主要的行业参与者对其下注并加速其采用。

看看 WebAssembly 将如何在 2023 年进一步突破 Web 开发的界限将会很有趣。



Tags: WebAssembly   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
2023 年 WebAssembly 现状:第四种 Web 语言
2023 年度 WebAssembly 现状调查结果出炉,下面就来看看 2023 年的 WebAssembly 发展的怎么样了!WebAssembly 是一种可移植、低级别的字节码语言,旨在提供一种通用的编译目标,以...【详细内容】
2023-10-20  Search: WebAssembly  点击:(259)  评论:(0)  加入收藏
最流行的 WebAssembly 语言,会是 JavaScript 吗?
对于网络平台而言,WebAssembly 的出现无疑是意义重大的,它能让各种语言编写的代码以接近原生的速度在 Web 中运行——那么在各种语言中,Java 会是其中最流行的吗?原文...【详细内容】
2023-05-09  Search: WebAssembly  点击:(334)  评论:(0)  加入收藏
人们在用 WebAssembly 构建什么应用?
WebAssembly (WASM) 在过去几年一直是一个流行词。 这是一项引起广泛关注但在实践中应用较少的技术。 我一直很好奇它的现状,所以我调查并总结了我的发现。 其中一些可能会让...【详细内容】
2023-01-07  Search: WebAssembly  点击:(326)  评论:(0)  加入收藏
为什么每个人都在谈论 WebAssembly
了解有关在 Web 浏览器中运行任何代码的最新方法的更多信息。-- Mike Bursell(作者) 如果你还没有听说过 WebAssembly ,那么你很快就会知道。这是业界最保密的秘密之一,但它无...【详细内容】
2020-01-27  Search: WebAssembly  点击:(344)  评论:(0)  加入收藏
▌简易百科推荐
Netflix 是如何管理 2.38 亿会员的
作者 | Surabhi Diwan译者 | 明知山策划 | TinaNetflix 高级软件工程师 Surabhi Diwan 在 2023 年旧金山 QCon 大会上发表了题为管理 Netflix 的 2.38 亿会员 的演讲。她在...【详细内容】
2024-04-08    InfoQ  Tags:Netflix   点击:(2)  评论:(0)  加入收藏
即将过时的 5 种软件开发技能!
作者 | Eran Yahav编译 | 言征出品 | 51CTO技术栈(微信号:blog51cto) 时至今日,AI编码工具已经进化到足够强大了吗?这未必好回答,但从2023 年 Stack Overflow 上的调查数据来看,44%...【详细内容】
2024-04-03    51CTO  Tags:软件开发   点击:(7)  评论:(0)  加入收藏
跳转链接代码怎么写?
在网页开发中,跳转链接是一项常见的功能。然而,对于非技术人员来说,编写跳转链接代码可能会显得有些困难。不用担心!我们可以借助外链平台来简化操作,即使没有编程经验,也能轻松实...【详细内容】
2024-03-27  蓝色天纪    Tags:跳转链接   点击:(13)  评论:(0)  加入收藏
中台亡了,问题到底出在哪里?
曾几何时,中台一度被当做“变革灵药”,嫁接在“前台作战单元”和“后台资源部门”之间,实现企业各业务线的“打通”和全域业务能力集成,提高开发和服务效率。但在中台如火如荼之...【详细内容】
2024-03-27  dbaplus社群    Tags:中台   点击:(9)  评论:(0)  加入收藏
员工写了个比删库更可怕的Bug!
想必大家都听说过删库跑路吧,我之前一直把它当一个段子来看。可万万没想到,就在昨天,我们公司的某位员工,竟然写了一个比删库更可怕的 Bug!给大家分享一下(不是公开处刑),希望朋友们...【详细内容】
2024-03-26  dbaplus社群    Tags:Bug   点击:(5)  评论:(0)  加入收藏
我们一起聊聊什么是正向代理和反向代理
从字面意思上看,代理就是代替处理的意思,一个对象有能力代替另一个对象处理某一件事。代理,这个词在我们的日常生活中也不陌生,比如在购物、旅游等场景中,我们经常会委托别人代替...【详细内容】
2024-03-26  萤火架构  微信公众号  Tags:正向代理   点击:(11)  评论:(0)  加入收藏
看一遍就理解:IO模型详解
前言大家好,我是程序员田螺。今天我们一起来学习IO模型。在本文开始前呢,先问问大家几个问题哈~什么是IO呢?什么是阻塞非阻塞IO?什么是同步异步IO?什么是IO多路复用?select/epoll...【详细内容】
2024-03-26  捡田螺的小男孩  微信公众号  Tags:IO模型   点击:(9)  评论:(0)  加入收藏
为什么都说 HashMap 是线程不安全的?
做Java开发的人,应该都用过 HashMap 这种集合。今天就和大家来聊聊,为什么 HashMap 是线程不安全的。1.HashMap 数据结构简单来说,HashMap 基于哈希表实现。它使用键的哈希码来...【详细内容】
2024-03-22  Java技术指北  微信公众号  Tags:HashMap   点击:(11)  评论:(0)  加入收藏
如何从头开始编写LoRA代码,这有一份教程
选自 lightning.ai作者:Sebastian Raschka机器之心编译编辑:陈萍作者表示:在各种有效的 LLM 微调方法中,LoRA 仍然是他的首选。LoRA(Low-Rank Adaptation)作为一种用于微调 LLM(大...【详细内容】
2024-03-21  机器之心Pro    Tags:LoRA   点击:(12)  评论:(0)  加入收藏
这样搭建日志中心,传统的ELK就扔了吧!
最近客户有个新需求,就是想查看网站的访问情况。由于网站没有做google的统计和百度的统计,所以访问情况,只能通过日志查看,通过脚本的形式给客户导出也不太实际,给客户写个简单的...【详细内容】
2024-03-20  dbaplus社群    Tags:日志   点击:(4)  评论:(0)  加入收藏
站内最新
站内热门
站内头条