Installation pour WebAssembly sous Windows et premier programme

Comment réaliser son premier programme en wasm (à partir de code source C++)

Installer Emscripten sous Windows

Téléchargez le à cette adresse: emscripten.org ou téléchargez le zip directement sur github.

Vous pouvez aussi l'installer plus simplement avec cette commande :

git clone https://github.com/emscripten-core/emsdk.git 

La mauvaise nouvelle est que maintenant il faut utiliser Python pour installer Emscripten, pour une raison quelconque, ce qui n'était pas le cas auparavant.

Ouvrez la fenêtre de ligne de commande emsdk, de préférence de Powershell, qui est la console par défaut sous Windows 10 et allez dans le répertoire emsdk-master (vous pouvez aussi le renommer emsdk pour simplifier).

Pour pouvoir utiliser le compilateur dans un autre répertoire, tapez:

emsdk_env.bat 

Il faudra ajouter ce script au démarrage de Windows pour que le compilateur reste accessible dans les prochaines sessions.

Tapez:

./emsdk update
./emsdk install latest
./emsdk activate latest

Sous Windows, l'archive d'Emscripten inclut le compilateur CLang, Python, et l'interpréteur JavaScript Node.js entre autres.

Si vous avez déjà installé une version plus récente de Node.js, supprimez l'entrée EMSDK_NODE dans la variable d'environnement PATH.

Tester la configuration

Un programme minimal C++ à compiler en wasm...

#include <stdio.h>

int main() {
  printf("Hello, world!\n");
  return 0;
}

Enregistrez ce progamme dans un fichier nommé hello.cpp

Tapez:

emcc hello.cpp

Puis exécutez le programme qui vient d'être généré:

node a.out.js

Cela affichera: Hello, World!

Pour utiliser un script dans le navigateur, utilisez cette commande:

emcc hello.cpp -o hello.html

Un fichier HTML est également généré qui contient le code nécessaire pour faire appel au code wasm en ligne...