WebAssembly - เครื่องมือในการคอมไพล์เป็น WASM

บทนี้จะกล่าวถึงเครื่องมือที่ใช้งานง่ายซึ่งมีประโยชน์มากในขณะที่ทำงานกับ WebAssembly เริ่มต้นด้วยการเรียนรู้เกี่ยวกับเครื่องมือ WebAssembly.studio

WebAssembly.studio

เครื่องมือนี้ช่วยให้คุณสามารถรวบรวม C, Rust, Wat to Wasm เป็นต้น

ในการเริ่มต้นคุณสามารถคลิกที่ Empty C Project, Empty Rust Project, Empty Wat Project เพื่อรวบรวม C และ Rust เป็น WASM 5.

มี Build, Run เพื่อสร้างโค้ดและตรวจสอบผลลัพธ์ ปุ่มดาวน์โหลดช่วยให้คุณดาวน์โหลด.wasmไฟล์ที่สามารถใช้ทดสอบภายในเบราว์เซอร์ เครื่องมือนี้มีประโยชน์มากในการรวบรวมรหัส C และ Rust และตรวจสอบผลลัพธ์

WebAssembly Explorer

WebAssembly Explorer ช่วยให้คุณสามารถคอมไพล์โค้ด C และ C ++ อ้างอิงลิงค์https://mbebenita.github.io/WasmExplorer/สำหรับรายละเอียดเพิ่มเติม หน้าจอที่จะปรากฏขึ้นหลังจากคลิกที่ลิงค์ดังแสดงด้านล่าง -

คุณสามารถเลือกเวอร์ชัน C และ C ++ ซอร์สโค้ดของ C หรือ C ++ เขียนไว้ที่นี่ -

เมื่อคุณคลิกที่ปุ่ม Compile มันจะให้รูปแบบข้อความ WebAssembly (WAT) และ Firefox x86 Assembly ในบล็อกด้านล่าง -

คุณสามารถดาวน์โหลดไฟล์ .wasm รหัสเพื่อทดสอบภายในเบราว์เซอร์

WASMFiddle

Wasmfiddleช่วยให้คุณสามารถคอมไพล์โค้ด C ไปยัง WebAssembly และทดสอบเอาต์พุต หลังจากคลิกที่ลิงค์https://wasdk.github.io/WasmFiddle/, คุณจะเห็นหน้าต่อไปนี้ -

คลิกที่สร้างเพื่อคอมไพล์โค้ด คุณสามารถดาวน์โหลดรหัส Wat and Wasm ได้โดยคลิกที่ Wat and Wasm ในการทดสอบผลลัพธ์ให้คลิกที่ปุ่ม Run

WASM เป็น WAT

เครื่องมือ wat2wasmจะให้รหัส wasm แก่คุณเมื่อคุณป้อนรูปแบบข้อความ WebAssembly คุณสามารถคลิกที่ลิงค์https://webassembly.github.io/wabt/demo/wat2wasm/ สำหรับการสาธิตและหน้าจอที่จะปรากฏขึ้นมีดังต่อไปนี้ -

คุณสามารถใช้ประโยชน์จากปุ่มอัพโหลดเพื่ออัพโหลด. wasm และ textarea จะแสดงรูปแบบข้อความ

WAT เป็น WASM

เครื่องมือ wat2wasm จะให้รหัส wasm แก่คุณเมื่อคุณป้อนรูปแบบข้อความ WebAssembly คุณสามารถคลิกที่ลิงค์https://webassembly.github.io/wabt/demo/wat2wasm/ สำหรับการสาธิตและหน้าจอที่จะปรากฏขึ้นมีดังต่อไปนี้ -

เครื่องมือนี้มีประโยชน์มากเนื่องจากช่วยในการทดสอบผลลัพธ์ด้วย คุณสามารถป้อนรหัส WAT และดูที่รหัส. wasm และรันโค้ดเพื่อดูผลลัพธ์