Chuyển đổi định dạng văn bản WebAssembly thành nhị phân

Cái nhìn đầu tiên về định dạng văn bản

Hãy xem một ví dụ về điều này — chương trình sau nhập khẩu một hàm có tên imported_func từ một mô-đun có tên my_namespace, và xuất khẩu một hàm có tên exported_func:

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

Hàm WebAssembly exported_func được xuất khẩu để sử dụng trong môi trường của chúng ta (ví dụ: ứng dụng web mà chúng ta đang sử dụng mô-đun WebAssembly). Khi nó được gọi, nó gọi một hàm JavaScript được nhập khẩu có tên imported_func, chạy với giá trị (42) được cung cấp làm tham số.

Chuyển đổi .wat văn bản thành tệp nhị phân .wasm

Hãy thử chuyển đổi ví dụ biểu diễn văn bản .wat ở trên thành định dạng hợp ngữ .wasm.

1. Đầu tiên, hãy tạo một bản sao của danh sách trên bên trong một tệp văn bản; gọi nó là simple.wat.

2. Chúng ta cần lắp ráp biểu diễn văn bản này thành ngôn ngữ hợp ngữ mà trình duyệt thực sự đọc trước khi chúng ta có thể sử dụng nó. Để làm điều này, chúng ta có thể sử dụng công cụ wabt, bao gồm các trình biên dịch để chuyển đổi giữa biểu diễn văn bản của WebAssembly và Wasm, và ngược lại, cộng thêm nhiều hơn nữa. Truy cập https://github.com/webassembly/wabt — làm theo hướng dẫn trên trang này để thiết lập công cụ.

3. Khi bạn đã xây dựng công cụ, hãy thêm thư mục /wabt/out/clang/Debug vào PATH hệ thống của bạn.

4. Tiếp theo, thực thi chương trình wat2wasm, truyền cho nó đường dẫn đến tệp đầu vào, tiếp theo là tham số -o, tiếp theo là đường dẫn đến tệp đầu ra:

   bash

   wat2wasm simple.wat -o simple.wasm
   

Điều này sẽ chuyển đổi Wasm thành một tệp có tên simple.wasm, chứa code hợp ngữ .wasm.

Xem đầu ra hợp ngữ

Vì tệp đầu ra dựa trên hợp ngữ, nó không thể được xem trong trình soạn thảo văn bản thông thường. Tuy nhiên, bạn có thể xem nó bằng tùy chọn -v của công cụ wat2wasm. Thử điều này:

wat2wasm simple.wat -v

Điều này sẽ cung cấp cho bạn một đầu ra trong terminal của bạn theo cách sau:

Xem thêm

• Hiểu định dạng văn bản WebAssembly — giải thích chi tiết về cú pháp định dạng văn bản.
• Biên dịch từ C/C++ sang WebAssembly — các công cụ như Binaryen/Emscripten đều biên dịch mã nguồn của bạn sang Wasm và tạo code API cần thiết để chạy mô-đun trong ngữ cảnh JavaScript. Tìm hiểu thêm về cách sử dụng chúng.
• Sử dụng JavaScript API WebAssembly — đọc bài này nếu bạn muốn tìm hiểu thêm về cách code API WebAssembly hoạt động.
• Định dạng văn bản — giải thích thêm về định dạng văn bản, trên repo GitHub WebAssembly.
• wast-loader — một loader cho webpack xử lý tất cả những điều này cho bạn.