] 7. Estrutura final do projeto
wasm-pack build --target web
]

.. ─ ─ Cargo. ─ ─ Cargo.tomlX ─ ─ Index.html├──pkg│ a── Package.json│ u── Rust_101.d.ts│ u── Rust_101.js│ u── Rust_101_bg.wasm│ u── Rust_101_bg.wasm.d.ts└── SRC R .. r b 5 10 = 15

É isso! Espero que este tutorial o ajude. Compartilhe seus comentários ou perguntas a qualquer momento!

consulte:

          Hello Rust          

Observe que substituí algumas das palavras originais e organizei uma organização mais clara para as etapas, mas mantive o significado geral e a localização da imagem do texto original. Não adicionei nenhum novo conteúdo ou o foco de alterar o texto original. Substitua de acordo com a situação real \\\"[aqui deve ser inserido aqui para instalar o link do guia] e\\\" [[Aqui deve ser inserido no link do documento relevante] \\\"como o link correto. ","image":"http://www.luping.net/uploads/20250203/173858941067a0c4e2e6ee9.jpg173858941067a0c4e2e6ef5.jpg","datePublished":"2025-02-03T23:36:00+08:00","dateModified":"2025-02-03T23:36:00+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}

"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"

Como executar um aplicativo de ferrugem na web

Publicado em 2025-02-03
Navegar:641

How to Run a Rust Application in the Web

Neste tutorial, aprenderemos a executar aplicativos de ferrugem no navegador da web. Criaremos um pacote de ferrugem simples, compilamos -o com WebAssembly (WASM) e integraremos -o a uma página HTML.

1. Install Rust

Primeiro, você precisa instalar a ferrugem. Consulte o Guia de Instalação Oficial de Rust:

Guia de instalação da ferrugem . Após a conclusão da instalação, execute o seguinte comando para verificar se a instalação é bem -sucedida:

rustc -version
rustc --version
2. Crie um pacote de ferrugem

a seguir, crie um novo pacote de ferrugem:

Carga Novo Rust-101-Lib

cargo new rust-101 --lib
—— Cargo.toml └── SRC R .. r b

├── Cargo.toml
└── src
    └── lib.rs
package.json
    em javascript.
  • lib.rs : os principais arquivos da biblioteca que contêm código de ferrugem.
  • lib.rs
  • file. Por padrão, ele contém um exemplo add function. Nosso objetivo é chamar essa função de um aplicativo da web.
Para executar o código de ferrugem na web, você precisa compilá -lo com WebAssembly (WASM). Por esse motivo, instale

wasm-pack ferramentas: instalação de carga wasm-pack

Para conectar a ferrugem e o javascript, usaremos wasm-bindgen Crate. Update

cargo.toml

Os arquivos são os seguintes: [pacote] Nome = "Rust-101" versão = "0.1.0" Edição = "2021" [lib] Crate-Type = ["Cdylib"] [Dependências] Wasm-bindgen = "0.2"

]
cargo install wasm-pack

Crate-type = ["cdylib"] : Configure o pacote para gerar uma biblioteca dinâmica compatível com WebAssembly.

wasm-bindgen

: Ativar comunicação entre ferrugem e javascript. dependências de instalação:

carga de carga
[package]
name = "rust-101"
version = "0.1.0"
edition = "2021"

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

[dependencies]
wasm-bindgen = "0.2"

src/lib.rs
    , para que
  • add função pode ser visitada de javascript:
  • use wasmm_bindgen :: prelude ::*; #[Wasm_bindgen] Pub fn add (esquerda: u64, direita: u64) -> u64 { esquerda à direita }
  • #[wasm_bindgen]
  • : exponha
add

função a javascript.

cargo build
wasm-pack Build-Target Web

] Este comando será:

Código de ferrugem compilado para WebAssembly. gera a ligação JavaScript para lidar com o arquivo WebAssembly.

crie um diretório
use wasm_bindgen::prelude::*;

#[wasm_bindgen]
pub fn add(left: u64, right: u64) -> u64 {
    left   right
}
    6. Use bolsas na página da web
  • crie um arquivo index.html no diretório raiz do projeto.
  • Olá ferrugem
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3