WebAssembly

Transcript

1. A Universal Bytecode
2. 1992 HTML 2006 jQuery 2013 Vue.js, React, ... Virtual DOM 1995 JavaScript 2009 AngularJS 2015 PWA
3. Problèmes : • De sécurité • De standardisation • D’adoption
4. 2012 : Emscripten Alon Zakai - Mozilla
5. 2013 : asm.js an extraordinarily optimizable, low-level subset of JavaScript https://blog.mozilla.org/futurereleases/2013/05/02/epic-citadel-demo-shows-the-power-of-the-web-as-a-platform-for-gaming
6. WebAssembly est un format d'instruction binaire à destination d’une machine virtuelle à pile...
7. WASM is a compile target, not a language
8. Les objectifs fixés par WASM • Rapide : S'approche des performances du code natif • Sûr : “Memory-safe” et “sandboxing” • Indépendant : ◦ Du matériel ◦ Du langage ◦ De la plateforme • Se doter d’une représentation compact et efficace
9. https://caniuse.com/wasm 93 %
10. Rapide • Downloading • Parse • Compile • Optimize • Execute • GC
12. Indépendant .Net AssemblyScript Astro Brainfuck C C# C++ Clean Co COBOL D Eel Elixir F# Faust Forest Forth Go Grain Haskell Java JavaScript Julia Idris Kotlin/Native Kou Lobster Lua Lys Never Nim Ocaml Perl PHP Plorth Poetry Python Prolog Ruby Rust Scheme Scopes Swift TypeScript Wah Walt Wam WebAssembly Zig
15. Comment : La compilation
16. Comment : L’instanciation • “fetch” du fichier wasm depuis javascript • Chargement du fichier, compilation vers le langage machine (x86, arm, ...) et optimisations • Instanciation du module WASM • Appel des méthodes exposées
18. Comment : La mémoire partagée
19. Limitations • Impossible de manipuler directement le DOM depuis un module WASM : mapping des méthodes • L'intercommunication JavaScript <> WASM ne peut se faire que par 2 entiers ou 2 flottants : utilisation de la mémoire partagée en cas de “String” • Absence de “Garbage Collector”
20. Use Cases • “Portage” d’applications (ffmpeg.wasm) • Jeux (Unity) • VR ou réalité augmentée • Simulations et visualisations scientifiques • Data Science (TensorFlow.js) • Emulation (QEMU, DOSBox, NES, Game Boy, ...) • Outillage orienté développement (IDE, ...) • Bureau à distance • DAO (Autocad) • Google Earth • Blockchain (Ethereum WebAssembly) • ...
21. Squoosh https://squoosh.app https://github.com/GoogleChromeLabs/squoosh resize (Rust) (C) (C)
26. If WASM+WASI existed in 2008, we wouldn't have needed to created Docker. That's how important it is. Webassembly on the server is the future of computing. https://twitter.com/solomonstre/status/1111004913222324225
27. Côté serveur : WASI • Bytecode Alliance, 2019 • WASI (WebAssembly System Interface) : ◦ Interface standard ◦ Permet d'interagir avec le monde extérieur (sanbox - I/O) • Permettra l'exécution d'une application sur n'importe quel système d'exploitation/architecture (runtime) https://hacks.mozilla.org/2019/03/standar dizing-wasi-a-webassembly-system- interface/
28. Côté serveur : Runtime • Wasmer (Rust, C/C++, C#, Python, Go, R, PHP, ...), runtime ou intégration • wasmtime (Rust, C, Python, .NET et Go) • Lucet (compilateur et runtime) • Node.js (node-gyp) • Microsoft Blazor • GraalWasm • Serverless (Fassm) • ...
30. Ressources • https://webassembly.org • https://noti.st/lostinbrittany/mmQT2Y • https://hackernoon.com/webassembly-the-journey-what-is-wasm- caf9871108aa • https://www.youtube.com/watch?v=kUljgnOE5-A • https://hacks.mozilla.org/2019/03/standardizing-wasi-a-webassembly-system- interface