{"id":56260,"date":"2022-06-28T03:01:11","date_gmt":"2022-06-27T17:01:11","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=56260"},"modified":"2022-07-06T15:54:49","modified_gmt":"2022-07-06T05:54:49","slug":"webassembly-rust-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/webassembly-rust-primer-tutorial\/","title":{"rendered":"WebAssembly Rust Primer Tutorial"},"content":{"rendered":"
\"WebAssembly<\/a>

WebAssembly Rust Primer Tutorial<\/p><\/div>\n

Today, we’re closely following the tutorial at Compiling from Rust to WebAssembly<\/a>, thanks, to show that, yes, as well as C (and\/or C++), as shown in yesterday’s WebAssembly via Emscripten and C Primer Tutorial<\/a> you can create a Web Assembly in the Rust programming language.<\/p>\n

We show, for a “Hello, WebAssembly!” proof of concept scenario that revisits many of the same themes as our previous Rust Primer Tutorial<\/a> “delving into Rust” …<\/p>\n

    \n
  1. Reinstalling Rust on this macOS MacBook Air we hadn’t installed to in the past …<\/li>\n
  2. Building WebAssembly package …<\/li>\n
  3. Using wasm-bindgen to communicate between Rust and JavaScript …<\/li>\n
  4. Calling external functions in JavaScript from Rust …<\/li>\n
  5. Producing Rust functions that JavaScript can call …<\/li>\n
  6. Compiling of code to WebAssembly …<\/li>\n
  7. Building package …<\/li>\n
  8. Using the package on the web in our local MAMP<\/a> environment here<\/a> (MAMP Rust WebAssembly Hello, WebAssembly! only if you are exactly finishing all this like for my macOS MAMP HTTP:\/\/localhost:8888\/hello-wasm\/ scenario)<\/font> …<\/li>\n
  9. Using the package on the web in our public RJM Programming domain environment (after sftp of whole package contents) (temporarily, for you to see what is possible)<\/font><\/li>\n<\/ol>\n

    … command line wise amounting to (where the vi session inserted code came from the tutorial exactly) …<\/p>\n


    \n$     curl --proto '=https' --tlsv1.2 -sSf https:\/\/sh.rustup.rs | sh<\/a>
    \n$ cargo install wasm-pack
    \n$ cargo new --lib hello-wasm
    \n$ cd hello-wasm
    \n$ vi src\/lib.rs
    \n$ vi Cargo.toml
    \n$ wasm-pack build --target web
    \n$ vi     index.html<\/a>
    \n<\/code><\/p>\n

    … you can see with today’s animated GIF<\/a> presentation we hope you enjoy!<\/p>\n

    \n

    \n

    Previous relevant WebAssembly via Emscripten and C Primer Tutorial<\/a> is shown below.<\/p>\n

    \"WebAssembly<\/a>

    WebAssembly via Emscripten and C Primer Tutorial<\/p><\/div>\n

    Have you done any web application work with a WebAssembly<\/a>? It gets you being able to bring your C or C++ or Rust code into a web application. Great idea, huh?! Today we’re presenting some simple usages of a WebAssembly made via two small pieces of C code …<\/p>\n