https://github.com/ivanitskiy/wasm-tutorial

https://github.com/ivanitskiy/wasm-tutorial

Last synced: 9 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/ivanitskiy/wasm-tutorial
• Owner: ivanitskiy
• License: mit
• Created: 2022-07-15T19:38:57.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-15T21:47:31.000Z (over 2 years ago)
• Last Synced: 2024-10-28T02:07:27.305Z (about 2 months ago)
• Language: HTML
• Size: 3.91 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# wasm-tutorial

## rust

There are two main use cases for Rust and WebAssembly:

 * Build an entire application — an entire web app based in Rust.

 * Build a part of an application — using Rust in an existing JavaScript frontend.

Read more on [Rust_to_wasm](https://developer.mozilla.org/en-US/docs/WebAssembly/Rust_to_wasm).

## wasm-pack

The wasm-bindgen tool generates javascript glue to handle types other than numbers

wasm-pack allows to pack up your rust wasm application as npm package and publish it!

    // install wasm-pack

    $ rustup target add wasm32-unknown-unknown

    // optional cargo install wasm-gc

    // optional cargo install wasm-bindgen-cli

    $ wasm-pack build -t web

    $ ls -la pkg

    total 64

    drwxr-xr-x  10 ivanitskiy  staff  320 Jul 15 13:13 .

    drwxr-xr-x  11 ivanitskiy  staff  352 Jul 15 13:10 ..

    -rw-r--r--   1 ivanitskiy  staff    1 Jul 15 13:13 .gitignore

    -rw-r--r--   1 ivanitskiy  staff   15 Jul 15 12:39 README.md

    -rw-r--r--   1 ivanitskiy  staff  282 Jul 15 13:13 package.json

    -rw-r--r--   1 ivanitskiy  staff  249 Jul 15 13:13 wasm_tutorial.d.ts

    -rw-r--r--   1 ivanitskiy  staff  579 Jul 15 13:13 wasm_tutorial.js

    -rw-r--r--   1 ivanitskiy  staff  291 Jul 15 13:10 wasm_tutorial_bg.js

    -rw-r--r--   1 ivanitskiy  staff  180 Jul 15 13:13 wasm_tutorial_bg.wasm

    -rw-r--r--   1 ivanitskiy  staff  134 Jul 15 13:13 wasm_tutorial_bg.wasm.d.ts

let's use the package on the Web

index.html

```html

  

    

    hello-wasm example

  

  

    

      import init, {sum} from "./pkg/wasm_tutorial.js";

      init()

        .then(() => {

          sum(2,2)

        });

    

  

```

##

start a web server to serve an index.html

    python3 -m http.server

more of wasm-pack: https://rustwasm.github.io/docs/wasm-bindgen/print.html