Converting WebAssembly text format to wasm

A first look at the text format

이 간단한 예제를 보자 - 다음 프로그램은 imports라는 모듈에서 imported_func라는 함수를 가져오고 exported_func라는 함수를 내 보냅니다.

    (module
      (func $i (import "imports" "imported_func") (param i32))
      (func (export "exported_func")
        i32.const 42
        call $i
      )
    )

WebAssembly 함수 exported_func는 Google 환경에서 사용하기 위해 내보내집니다 (예 : WebAssembly 모듈을 사용하는 웹 앱). 이 함수를 호출하면 imported_func라는 가져온 JavaScript 함수가 호출됩니다.이 함수는 매개 변수로 제공된 값 (42)으로 실행됩니다.

Converting the text .wat into a binary .wasm file

위의 .wat 텍스트 표현 예제를 .wasm 어셈블리 형식으로 변환 해 봅시다.

1. 시작하려면 simple.wat 라는 텍스트 파일 안에 위의 목록을 복사하십시오.

2. 이 텍스트 표현을 우리가 사용하기 전에 브라우저가 실제로 읽는 어셈블리 언어로 어셈블해야합니다. 이를 위해 wabt 도구를 사용할 수 있습니다.이 도구에는 WebAssembly의 텍스트 표현과 wasm을 변환하는 컴파일러가 포함되어 있으며 그 반대의 경우도 가능합니다. https://github.com/webassembly/wabt로 이동 -이 페이지의 지침에 따라 도구를 설정하십시오.

3. 일단 도구를 만들었 으면 시스템 PATH에 /wabt/out/clang/Debug 디렉토리를 추가하십시오.

4. 그런 다음, wat2wasm 프로그램을 실행하여 입력 파일의 경로와 -o 매개 변수 다음에 출력 파일의 경로를 전달하십시오.

   bash

   wat2wasm simple.wat -o simple.wasm
   

wasm을 .wasm 어셈블리 코드가 들어있는 simple.wasm 파일로 변환합니다.

Viewing the assembly output

출력 파일은 어셈블리 기반이므로 일반 텍스트 편집기에서는 볼 수 없습니다. 그러나 wat2wasm 도구의 -v 옵션을 사용하여 볼 수 있습니다. 아래 코드를 실행해 보세요:

wat2wasm simple.wat -v

이렇게하면 다음과 같은 방법으로 터미널에 출력을 줄 수 있습니다.

See also

• Understanding WebAssembly text format — 텍스트 형식 구문에 대한 자세한 설명.
• Compiling from C/C++ to WebAssembly — Binaryen / Emscripten과 같은 도구는 소스 코드를 wasm으로 컴파일하고 JavaScript 컨텍스트에서 모듈을 실행하는 데 필요한 API 코드를 만듭니다. 그들을 사용하는 방법에 대해 자세히 알아보십시오.
• Using the WebAssembly JavaScript API — WebAssembly API 코드가 작동하는 방식에 대해 자세히 알고 싶다면이 내용을 읽으십시오.
• Text format — WebAssembly GitHub repo에서 텍스트 형식에 대한 자세한 설명.
• wast-loader — 이 모든 것을 처리하는 WebPack 용 로더입니다.