WebAssembly - Installation

In diesem Kapitel erfahren Sie, wie Sie das Emscripten SDK installieren, um C / C ++ zu kompilieren. Emscripten ist eine Low Level Virtual Machine (LLVM), die aus C / C ++ generierten Bytecode in JavaScript kompiliert, das problemlos im Browser ausgeführt werden kann.

Um C / C ++ zu WebAssembly zu kompilieren, müssen wir zuerst Emscripten sdk installieren.

Installieren Sie Emscripten sdk

Die Schritte zum Installieren von Emscripten sdk sind wie folgt:

Step 1 - Klonen Sie das emsdk repo: git clone https://github.com/emscripten-core/emsdk.git.

E:\wa>git clone https://github.com/emscripten-core/emsdk.git 
Cloning into 'emsdk'... 
remote: Enumerating objects: 14, done. 
remote: Counting objects: 100% (14/14), done. 
remote: Compressing objects: 100% (12/12), done. 
remote: Total 1823 (delta 4), reused 4 (delta 2), pack-reused 1809 receiving obje 
cts: 99% (1819/1823), 924.01 KiB | 257.00 KiB/s 
Receiving objects: 100% (1823/1823), 1.01 MiB | 257.00 KiB/s, done. 
Resolving deltas: 100% (1152/1152), done.

Step 2 - Geben Sie in das Verzeichnis emsdk ein.

cd emsdk

Step 3 - Für Windows: Führen Sie den folgenden Befehl aus.

emsdk install latest

For linuxDieser Befehl benötigt einige Zeit, um die erforderlichen Tools wie Java, Python usw. zu installieren. Befolgen Sie den unten angegebenen Code -

./emsdk install latest

Step 4 - Um das neueste SDK zu aktivieren, führen Sie den folgenden Befehl in Ihrem Terminal aus.

For windowsFühren Sie den folgenden Befehl aus:

emsdk activate latest

For linuxFühren Sie den folgenden Befehl aus -

./emsdk activate latest

Step 5 - Um PATH und andere Umgebungsvariablen zu aktivieren, führen Sie den folgenden Befehl in Ihrem Terminal aus.

For windows, führen Sie den Befehl aus -

emsdk_env.bat

For linuxFühren Sie den folgenden Befehl aus:

source ./emsdk_env.sh

Wir sind mit der Installation des emsdk fertig und können nun C- oder C ++ - Code kompilieren. Die Kompilierung von C / C ++ erfolgt in den nächsten Kapiteln.

So kompilieren Sie C- oder C ++ - Code wie folgt:

emcc source.c or source.cpp -s WASM=1 -o source.html

Die Ausgabe gibt Ihnen eine Datei source.html, source.js und source.wasm. Das js hat die API, die die source.wasm abruft, und Sie können die Ausgabe sehen, wenn Sie im Browser auf source.html klicken.

Um nur die WASM-Datei zu erhalten, können Sie den folgenden Befehl verwenden. Dieser Befehl gibt Ihnen nur die Datei source.wasm.

emcc source.c or source.cpp -s STANDALONE_WASM