WebAssembly

Introduce

• 是一种二进制指令格式
• 用于基于堆栈的虚拟机
• Wasm 被设计为编程语言的可移植编译目标
• 可在网络上部署客户端和服务器应用程序
• 低级的类汇编语言
• 现代浏览器中附带了 WebAssembly 虚拟机

WAT WebAssembly 的文本格式，浏览器 Response 展示的格式

实践

https://github.com/sunven/webAssembly-demo

1. Compile a WebAssembly module from…

使用 assemblyscript: https://www.assemblyscript.org/getting-started.html

2. Use the compiled WebAssembly…

WebAssembly.compile() 编译 WebAssembly 二进制代码到一个 WebAssembly.Module 对象

WebAssembly.compileStreaming() 从一个流式的底层源编译一个 WebAssembly.Module

const module = await WebAssembly.compileStreaming(fetch(url))
const { exports } = await WebAssembly.instantiate(module, {})

可以替换为：

  const {
    instance: { exports },
  } = await WebAssembly.instantiateStreaming(fetch(url), {})
  return exports

3. Inspect WebAssembly…

chrome devtool

use case

• 图像，音/视频，游戏。。。
  • h265 > 解封装 > 解码 > 音视频同步…
• “混淆，加密”代码

https://wasmbyexample.dev/home.en-us.html

https://github.com/mcuking/Awesome-WebAssembly-Applications