WebでRustアプリケーションを実行する方法-jsチュートリアル-php.cn

WebでRustアプリケーションを実行する方法

Mary-Kate Olsen

リリース： 2025-01-26 16:32:11

オリジナル

631 人が閲覧しました

How to Run a Rust Application in the Web このチュートリアルでは、WebブラウザーでRustアプリケーションを実行する方法を学びます。 Simple Rustパッケージを作成し、WebAssembly（WASM）にコンパイルし、HTMLページに統合します。

まず、Rustをインストールする必要があります。 Rustの公式インストールガイドを参照してください。インストールが完了したら、次のコマンドを実行して、インストールが成功したかどうかを確認します。

次に、新しい錆パッケージを作成します：

これにより、次のフォルダー構造が生成されます

<code class="language-bash">rustc --version</code>

ログイン後にコピー

：プロジェクトの構成ファイルは、javascriptの

に似ています。：さびコードを含むメインライブラリファイル。

<code class="language-bash">cargo new rust-101 --lib</code>

ログイン後にコピー

ファイルを開きます。デフォルトでは、例

関数が含まれています。私たちの目標は、この関数をWebアプリケーションから呼び出すことです。

<code>├── Cargo.toml
└── src
    └── lib.rs</code>

ログイン後にコピー

RustコードをWebで実行するには、WebAssembly（WASM）にコンパイルする必要があります。これについては、ツールをインストールしてください：

Cargo.toml package.json 錆とjavaScriptを接続するために、

crateを使用します。更新ファイルは次のとおりです lib.rs

ここ：

：WebAssemblyと互換性のある動的ライブラリを構成します。 lib.rs add ：RustとJavaScriptの間の通信を有効にします。

インストール依存関係：

wasm-pack編集ファイルを編集して、

関数にjavascriptからアクセスできるようにします。

<code class="language-bash">cargo install wasm-pack</code>

ログイン後にコピー

：関数をJavaScriptに公開します。

wasm-bindgen次のコマンドを実行して、RustパッケージをWebAssemblyにコンパイルします。 Cargo.toml

このコマンドは次のとおりです

<code class="language-toml">[package]
name = "rust-101"
version = "0.1.0"
edition = "2021"

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

[dependencies]
wasm-bindgen = "0.2"</code>

ログイン後にコピー

さびコードをWebAssemblyにコンパイルします。

WebAssemblyファイルを処理するためのJavaScriptバインディング。

生成されたファイルを含むcrate-type = ["cdylib"]ディレクトリを作成します。
wasm-bindgen 6。ウェブページでバッグを使用してください

プロジェクトのルートディレクトリに

ファイルを作成します。コンテンツは次のとおりです。

<code class="language-bash">cargo build</code>

ログイン後にコピー

7。最終的なプロジェクト構造

上記の手順が完了した後、プロジェクト構造を以下に示す必要があります。

src/lib.rs8。Webページを開始add

<code class="language-rust">use wasm_bindgen::prelude::*;

#[wasm_bindgen]
pub fn add(left: u64, right: u64) -> u64 {
    left + right
}</code>

ログイン後にコピー

Webページを実行するには、ローカルWebサーバーを使用してサービスを提供する必要があります。ライブサーバー拡張機能（VSコード）など、好きなWebサーバーを使用できます。

ブラウザコンソール（Ctrl Shift JまたはCMDオプションJ）では、次のように表示されます。
```
<code class="language-bash">rustc --version</code>
```
ログイン後にコピー
ログイン後にコピー
それだけです！このチュートリアルが役立つことを願っています。フィードバックや質問をいつでも共有してください！

リファレンス：
RustからWebAssemblyにコンパイルされた

以上がWebでRustアプリケーションを実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。