WebAssembly - Tools zum Kompilieren mit WASM

In diesem Kapitel werden einige benutzerfreundliche Tools erläutert, die bei der Arbeit mit WebAssembly sehr hilfreich sind. Beginnen wir mit dem WebAssembly.studio-Tool.

WebAssembly.studio

Mit diesem Tool können Sie C, Rust, Wat to Wasm usw. kompilieren.

Zunächst können Sie auf Leeres C-Projekt, Leeres Rostprojekt, Leeres Wat-Projekt klicken, um C und Rost zu WASM zu kompilieren. 5.

Es verfügt über Build, Run, um den Code zu erstellen und die Ausgabe zu überprüfen. Über den Download-Button können Sie herunterladen.wasmDatei, die zum Testen im Browser verwendet werden kann. Dieses Tool ist sehr hilfreich, um C- und Rust-Code zu kompilieren und die Ausgabe zu überprüfen.

WebAssembly Explorer

Mit WebAssembly Explorer können Sie C- und C ++ - Code kompilieren. Siehe den Linkhttps://mbebenita.github.io/WasmExplorer/für mehr Details. Der Bildschirm, der nach dem Klicken auf den Link angezeigt wird, wird unten angezeigt -

Sie können die C- und C ++ - Version auswählen. Der Quellcode von C oder C ++ wird hier geschrieben -

Wenn Sie auf die Schaltfläche Kompilieren klicken, werden das WebAssembly-Textformat (WAT) und der Firefox x86-Assemblycode in den folgenden Blöcken angezeigt.

Sie können die herunterladen .wasm Code zum Testen im Browser.

WASMFiddle

Mit Wasmfiddle können Sie C-Code in WebAssembly kompilieren und die Ausgabe testen. Nach dem Klicken auf den Linkhttps://wasdk.github.io/WasmFiddle/, Sie sehen die folgende Seite -

Klicken Sie auf Erstellen, um den Code zu kompilieren. Sie können den Wat and Wasm-Code herunterladen, indem Sie auf Wat and Wasm klicken. Um die Ausgabe zu testen, klicken Sie auf die Schaltfläche Ausführen.

WASM zu WAT

Das Werkzeug wat2wasmSie erhalten einen WASM-Code, wenn Sie das WebAssembly-Textformat eingeben. Sie können auf den Link klickenhttps://webassembly.github.io/wabt/demo/wat2wasm/ für die Demo und der Bildschirm, der angezeigt wird, ist unten angegeben -

Sie können die Schaltfläche zum Hochladen verwenden, um .wasm hochzuladen. Im Textbereich wird das Textformat angezeigt.

WAT zu WASM

Das Tool wat2wasm gibt Ihnen Wasm-Code, wenn Sie das WebAssembly-Textformat eingeben. Sie können auf den Link klickenhttps://webassembly.github.io/wabt/demo/wat2wasm/ für die Demo und der Bildschirm, der angezeigt wird, ist unten angegeben -

Dieses Tool ist sehr hilfreich, da es hilft, die Ausgabe auch zu testen. Sie können den WAT-Code eingeben, sich den .wasm-Code ansehen und den Code ausführen, um die Ausgabe anzuzeigen.