DEV Community

Cover image for What is WebAssembly?
xe-non
xe-non

Posted on

What is WebAssembly?

webassembly black and white logo
WebAssembly aka wasm යනු JavaScript හැර වෙනත් programming languages වලින් ලියලා තියෙන code call/import කරන්න හා browser ඇතුලේ ඒ code run කරන්න හදපු විදිය. ඉතිං JavaScript එක්ක බැලුවහම wasm වේගවත්. Mozilla research වැඩ කරන Luke Wagner කියන මහත්තයා 2015 දී තමයි මුලින්ම WebAssembly කියනදේ ලෝකෙට හදුන්වා දෙන්නේ.

2019 දෙසැම්බර් 5 - World Wide Web Consortium (W3C) නිවේදනය කලා Browser run කරන්න ඉඩ දෙන හතරවෙනි භාෂාව විදියට WebAssembly. ඉතිං Developers ලා එකම application WebAssembly සහ JavaScript යන දෙකම පාවිච්චි කරාවි. හරියට නිකං CSS import කරලා පාවිච්චි කරනවා වගේ.

Load encrypted model data with WebAssembly and Rust | Autodesk Forge

How does it work?


C/C++ හෝ Rust code, wasm වලට compile කරලා JavaScript app load කරලා වැඩ කරගන්න පුලුවම්.

A wasm file with arrows pointing to and from: logos for different runtimes (Ruby, php, and Python), other wasm files compiled from Rust and Go, and host systems like the OS or browser

Compiling to .wasm

  • C/C++ - LLVM වල clang front-end / Emscripten emcc
  • Rust - Cargo වල wasm-pack package

Diagram of the compiler toolchain
https://i.postimg.cc/RhF1VZ1m/Untitled0.png

WASI - WebAssembly Interface Types

WASI |
Browser පිටත WebAssembly run කරන්න පුලුවම් වෙන්න ඕනි.

WebAssembly තමන්ගේම standalone runtime run විතරක් නෙමෙයි. Python, Ruby, and Rust languages වලිනුත් WebAssembly run ඕනි.

එහෙම කරන්න ඕනි ඇයි?

  • “native” modules වල සංකිරණ තාවය අඩු කරන්න
  • Native code sandbox කරීම පහසු කරන්න
  • Platforms අතර native code share කරන්න

Diagram showing WebAssembly interface types in the middle. On the left is a wasm module, which could be compiled from Rust, Go, C, etc. Arrows point from these options to the types in the middle. On the right are host languages like JS, Python, and Ruby; host platforms like .NET, Node, and operating systems, and more wasm modules. Arrows point from these options to the types in the middle.

Don't forget to say hello to the search box for further details.


References

https://www.w3.org/2019/12/pressrelease-wasm-rec.html.en
https://hacks.mozilla.org/2017/02/a-cartoon-intro-to-webassembly/
https://hacks.mozilla.org/2017/02/creating-and-working-with-webassembly-modules/
https://research.mozilla.org/webassembly/
https://hacks.mozilla.org/2019/03/standardizing-wasi-a-webassembly-system-interface/
https://hacks.mozilla.org/2019/08/webassembly-interface-types/
https://blog.mozilla.org/luke/2015/06/17/webassembly/

Top comments (0)