WebAssembly - Ferramentas para compilar para WASM

Este capítulo discutirá algumas ferramentas fáceis de usar que são muito úteis ao trabalhar com WebAssembly. Vamos começar aprendendo sobre a ferramenta WebAssembly.studio.

WebAssembly.studio

Esta ferramenta permite que você compile C, Rust, Wat to Wasm etc.

Para começar, você pode clicar em Empty C Project, Empty Rust Project, Empty Wat Project para compilar C e Rust para WASM. 5

Possui Build, Run para construir o código e verificar a saída. O botão de download permite que você baixe.wasmarquivo, que pode ser usado para testar dentro do navegador. Esta ferramenta é muito útil para compilar código C e Rust e verificar a saída.

WebAssembly Explorer

WebAssembly Explorer permite que você compile códigos C e C ++. Consulte o linkhttps://mbebenita.github.io/WasmExplorer/para mais detalhes. A tela que aparecerá após clicar no link é mostrada abaixo -

Você pode escolher a versão C e C ++. O código-fonte de C ou C ++ é escrito aqui -

Depois de clicar no botão Compilar, o formato de texto WebAssembly (WAT) e o código do Firefox x86 Assembly aparecem nos blocos abaixo -

Você pode baixar o .wasm código para testá-lo dentro do navegador.

WASMFiddle

Wasmfiddle ajuda você a compilar o código C para WebAssembly e também testar a saída. Depois de clicar no linkhttps://wasdk.github.io/WasmFiddle/, você verá a seguinte página -

Clique em Build para compilar o código. Você pode baixar o código Wat e Wasm clicando em Wat and Wasm. Para testar a saída, clique no botão Executar.

WASM para WAT

A ferramenta wat2wasmfornecerá o código wasm quando você inserir o formato de texto WebAssembly. Você pode clicar no linkhttps://webassembly.github.io/wabt/demo/wat2wasm/ para demonstração e a tela que aparecerá é fornecida abaixo -

Você pode usar o botão de upload para fazer upload de .wasm e a área de texto exibirá o formato de texto.

WAT para WASM

A ferramenta wat2wasm fornecerá o código wasm quando você inserir o formato de texto WebAssembly. Você pode clicar no linkhttps://webassembly.github.io/wabt/demo/wat2wasm/ para demonstração e a tela que aparecerá é fornecida abaixo -

Esta ferramenta é muito útil, pois ajuda a testar o resultado. Você pode inserir o código WAT e dar uma olhada no código .wasm e também executar o código para ver a saída.