WebAssembly
WebAssembly est un nouveau type de code qui peut être exécuté dans un navigateur web moderne. C'est un langage bas niveau, semblable à l'assembleur permettant d'atteindre des performances proches des applications natives (par exemple écrites en C/C++) tout en fonctionnant sur le Web. WebAssembly est conçu pour fonctionner en lien avec JavaScript.
En résumé
WebAssembly représente une avancée fondamentale de la plateforme web. Il permet d'exécuter du code (éventuellement écrit depuis différents langages) sur le Web avec des performances similaires aux applications natives.
WebAssembly est conçu pour être utilisé de pair avec JavaScript. Grâce à l'API JavaScript WebAssembly, on peut charger des modules WebAssembly au sein d'une application JavaScript et partager des fonctionnalités entre les deux. Cela permet de tirer parti des performances de WebAssembly et de la flexibilité de JavaScript, même si on ne sait pas écrire du code WebAssembly.
WebAssembly est conçu comme un standard web par le groupe communautaire du W3C pour WebAssembly auquel participe les différents éditeurs de navigateur.
Guides
- Les concepts de WebAssembly
-
Découvrez les concepts clés de WebAssembly : ce que c'est, son utilité, l'intégration dans le Web et comment l'utiliser.
- Compiler du code C/C++ en WebAssembly
-
Du code écrit en C/C++ peut être compilé en WebAssembly grâce à des outils tels que Emscripten. Nous voyons ici comment cela fonctionne.
- Charger et exécuter du code WebAssembly
-
Dans cet article, on aborde comment récupérer, compiler et instancier en associant l'API WebAssembly JavaScript avec les API Fetch ou XHR.
- Mettre en cache des modules WebAssembly compilés
-
La mise en cache de grands modules WebAssembly côté client permet d'améliorer les performances au démarrage. Dans cet article, on voit comment utiliser IndexedDB pour cela.
- Utiliser l'API JavaScript de WebAssembly
-
Une fois le module WebAssembly chargé, on souhaitera l'utiliser… Dans cet article, on verra comment utiliser WebAssembly grâce à l'API JavaScript associée.
- Les fonctions WebAssembly exportées
-
Les fonctions WebAssembly exportées sont les représentations JavaScript des fonctions WebAssembly qui permettent d'utiliser du code WebAssembly depuis un script JavaScript. Cet article décrit leur fonctionnement.
- Comprendre le format texte WebAssembly
-
Cet article explique la composition du format texte de WebAssembly. Il s'agit d'une représentation bas-niveau du module .wasm tel que montré dans les outils de développement du navigateur.
- Convertir un fichier texte WebAssembly en wasm
-
Cet article détaille comment convertir un module WebAssembly rédigé dans un format texte en un fichier binaire .wasm.
Référence de l'API JavaScript
WebAssembly
-
Cet objet représente l'espace de nom encapsulant les fonctionnalités relatives à WebAssembly.
WebAssembly.Module
-
Un objet
WebAssembly.Module
contient du code WebAssembly, sans état, qui a déjà été compilé par le navigateur et qui peut être partagé dans les web workers, mis en cache dans IndexedDB et instancié à plusieurs reprises. WebAssembly.Instance
-
Un objet
WebAssembly.Instance
est une instance exécutable (disposant d'un état) d'unModule
. Les objetsInstance
contiennent toutes les fonctions WebAssembly exportées qui permettent d'utiliser du code WebAssembly via du code JavaScript. WebAssembly.instantiate()
-
La fonction
WebAssembly.instantiate()
représente l'API principale pour compiler et instancier le code WebAssembly. Cette méthode renvoie unModule
ainsi que sa premièreInstance
. WebAssembly.Memory()
-
Un objet
WebAssembly.Memory
est un tableauArrayBuffer
redimensionnable qui contient les octets de mémoire brute auxquels on peut accéder via uneInstance
. WebAssembly.Table()
-
Un objet
WebAssembly.Table
est un tableau typé contenant des valeurs opaques et qui peut être redimensionné. On peut accéder aux valeurs via un objetInstance
. WebAssembly.CompileError()
-
Crée un nouvel objet WebAssembly
CompileError
. WebAssembly.LinkError()
-
Crée un nouvel objet WebAssembly
LinkError
. WebAssembly.RuntimeError()
-
Crée un nouvel objet WebAssembly
RuntimeError
.
Exemples
- WASMSobel
- Notre dépôt GitHub webassembly-examples qui contient plusieurs exemples.