当前位置: 首页 > news >正文

Rust开发WASM,浏览器运行WASM

首先需要安装wasm-pack

cargo install wasm-pack

使用cargo创建工程

cargo new --lib mywasm

编辑Cargo.toml文件,修改lib的类型为cdylib,并且添加依赖wasm-bindgen

[package]
name = "mywasm"
version = "0.1.0"
edition = "2021"# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html[lib]
crate-type = ["cdylib"][dependencies]
wasm-bindgen = "0.2"

修改代码lib.rs

use wasm_bindgen::prelude::*;#[wasm_bindgen]
pub fn add(n1: usize, n2: usize) -> usize {n1 + n2
}

编译lib.rs生成wasm

wasm-pack build --target web

下载wasm-bindgen的过程大概需要10分钟,请耐心等待。

接下来创建文件index.html,使用wasm

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>wasm web demo</title></head><body><script type="module">import init, {add} from "./pkg/mywasm.js";init().then(() => {console.log("add(1,2) = " + add(1, 2))});</script></body>
</html>

启动测试用web server

python3 -m http.server 8000

打开chrome访问http://localhost:8000,并且打开调试控制台,可以看到运行结果。

http://www.lryc.cn/news/296499.html

相关文章:

  • Vue3编写简单的App组件(二)
  • java Servlet 云平台教学系统myeclipse定制开发SQLServer数据库网页模式java编程jdbc
  • QT初始程序
  • ubuntu22.04@laptop OpenCV Get Started: 001_reading_displaying_write_image
  • 51单片机之LED灯模块篇
  • springboo冬奥会科普平台源码和论文
  • 改进神经网络
  • HarmonyOS 开发学习笔记
  • maven java 如何打纯源码zip包
  • Altium Designer(AD)原理图库添加阵列管脚图文教程及视频演示
  • P3647 题解
  • Vivado Tri-MAC IP的例化配置(三速以太网IP)
  • 交友系统---让陌生人变成熟悉人的过程。APP小程序H5三端源码交付,支持二开。
  • uni-app 经验分享,从入门到离职(三)——关于 uni-app 生命周期快速了解上手
  • PostgreSQL 与 MySQL 相比,优势何在?
  • Linux(三)--文件系统
  • DC-8靶机渗透详细流程
  • SolidWorks学习笔记——入门知识2
  • Elasticsearch:通过 ingest pipeline 对大型文档进行分块
  • 数据库管理-第148期 最强Oracle监控EMCC深入使用-05(20240208)
  • Bug2- Hive元数据启动报错:主机被阻止因连接错误次数过多
  • HarmonyOS 鸿蒙应用开发(十、第三方开源js库移植适配指南)
  • Docker- chapter 1
  • 解决IntellIJ Idea内存不足
  • 【网络技术】【Kali Linux】Nmap嗅探(二)多设备扫描
  • 简化版SpringMVC
  • Java密码校验(正则表达式):密码由这四种元素组成(数字、大写字母、小写字母、特殊字符),且必须包含全部四种元素;密码长度大于等于8个字符。
  • 【AMI】2400 环境安装步骤
  • AI:124-基于深度学习的人体遮挡物体重建技术
  • 23种设计模式之单例模式