🦕🦀Rust에서 WebAssembly를 작성하고 Deno에서 실행하기!

요구 사항

컴퓨터에 설치된 도구를 따라야 합니다.

녹슨

녹슬어

카고

데노

이것은 Rust를 개발하고 Deno와 함께 작업할 때 일반적으로 사용하는 표준입니다.
이제 녹에 대한 was 특정 도구를 설치해야 합니다.
먼저 다음과 같은 컴파일러 대상을 추가해야 합니다.

rustup target add wasm32-unknown-unknown

wasm-gc 도구도 필요합니다.

cargo install wasm-gc

저는 개발을 위해 Visual Studio Code를 사용하고 있으며 이 프로젝트를 위해 다음 확장도 설치했습니다.

베터 톰 bungcip.better-toml

녹 rust-lang.rust

러스트 라이브러리 만들기

녹 부분의 경우 작은 화물 보관함을 만들어야 합니다.
다음 명령으로 할 수 있습니다.

cargo new --lib wasm_deno_example
cd wasm_deno_example

다음으로 VSCode에서 프로젝트를 열 수 있습니다.
그리고 우리는 was에 대한 의존성을 Cargo.toml 에 추가해야 합니다.

[lib]
crate-type =["cdylib"]

cdylib는 우리 프로젝트를 C와 같은 다른 언어 또는 우리의 경우 wasm와 함께 사용할 수 있도록 합니다. 또한 녹에 필요한 모든 특정 물질을 제거합니다.

우리의 작은 녹 기능

이제 src/lib.rs 파일을 다음 코드로 변경합니다.

#[no_mangle]
pub extern "C" fn square(x: u32) -> u32 {
    x * x
}

이것은 숫자를 받아 숫자를 반환하는 간단한 함수입니다.
여기서 중요한 것은 extern 키워드를 추가하여 이 함수를 Deno 코드에서 가져올 수 있다는 것입니다. 이 게시물을 읽을 때 이해해야합니다 x * x 😉

녹을 wasm으로 컴파일

이제 Rust 코드를 was 코드로 컴파일할 수 있습니다.
먼저 다음 명령으로 빌드를 컴파일해야 합니다.

$ cargo build --target wasm32-unknown-unknown

그리고 우리가 필요로 하지 않는 모든 것들에서 그것을 제거해야 합니다. 이것은 wasm에 대한 모든 불필요한 코드를 제거하고 파일을 더 작게 만듭니다.

wasm-gc target/wasm32-unknown-unknown/debug/wasm_deno_example.wasm

이제 Deno에 로드하고 실행할 준비가 된 wasm 바이너리가 있습니다.

Deno와 함께 실행

이제 main.ts 를 생성해야 합니다. 이름은 중요하지 않습니다. 여기서 사용할 이름입니다.

파일에 다음 코드를 추가해야 할 때.

const wasmCode = await Deno.readFile("./target/wasm32-unknown-unknown/debug/wasm_deno_example.wasm");
const wasmModule = new WebAssembly.Module(wasmCode);
const wasmInstance = new WebAssembly.Instance(wasmModule);
const {
    square,
} = wasmInstance.exports;

console.log(square(1));
console.log(square(2));
console.log(square(3));
console.log(square(4));

단계를 살펴보겠습니다.

1. 단순은 원시 파일을 로드합니다.

2. 파일에서 wasm 모듈을 만듭니다. 그래서 우리는 그것으로 일할 수 있습니다.

3. 함수를 사용할 수 있도록 모듈의 인스턴스를 만듭니다.

4. wasm square() 함수를 Deno 코드로 가져옵니다.

5. 다른 숫자의 제곱수를 콘솔에 기록하고 있습니다.

이제 다음을 사용하여 이 코드를 실행해 보겠습니다.

deno run --allow-read main.ts

출력은 다음과 같아야 합니다.

1
4
9
16

더 레포

다음에서 코드를 찾을 수 있습니다Repo.

더 많은 Deno 콘텐츠를 보고 싶으신가요? 알려주세요! 데노에 대해 더 많은 글과 콘텐츠를 만들고 싶습니다!

👋안녕하세요! | | | Medium | |