揭秘Rust与Node.js及前端应用的整合之道

Rust入门

你好，亲爱的读者们！今天，我非常兴奋地分享我将Rust与Node.js集成在一起并在前端应用中通过WebAssembly（WASM）使用Rust的旅程。作为一名一直在寻找提高项目性能和可靠性的方法的开发者，我发现Rust是一个改变游戏规则的工具。让我们来看看为什么Rust是一个了不起的工具，以及如何在你的应用程序中利用它。

Rust 是一种系统级编程语言，专注于速度、内存安全性以及并行处理。旨在确保安全的并发性，Rust 消除了其他语言常见的内存泄漏、缓冲区溢出和数据竞争等问题。在语法上类似于 C++，但更注重安全性和性能，因此，它成为开发高性能应用程序的理想选择。

《用 Rust 和 Node.js 开发》

Node.js 是一个基于 Chrome V8 JavaScript 引擎构建的强大 JavaScript 运行时环境。它允许开发人员使用 JavaScript 进行服务器端脚本编写，从而使动态网页内容在发送给用户的浏览器之前生成。将 Rust 与 Node.js 集成可以显著提升 Node.js 应用中某些任务的性能。

一个为什么你应该试试这种方法。

根据我的经验，将 Rust 和 Node.js 结合使用有以下几个理由：

1. 性能：Rust 在处理 CPU 密集型任务时比 JavaScript 更高效。
2. 内存安全：Rust 的所有权模型确保了内存安全，从而减少了 bug。
3. 并发性：Rust 在并发编程方面表现出色，非常适合高性能的服务器端应用。

搞定它的方法

要在 Rust 和 Node.js 之间进行集成时，你通常会创建一个 Rust 编写的原生 Node.js 模块，。有几种方法可以实现这种集成，包括使用如 neon、napi-rs、FFI 和 WebAssembly (WASM) 等工具。每种方法都有其特点和适用情况。

1. 使用 Neon:（用法）

Neon 是一个库，提供在 Rust 中编写原生 Node.js 模块所需的绑定。它简化了将 Rust 与 Node.js 集成的过程，让你的 JavaScript 应用程序能够利用 Rust 的性能和安全性优势。

示例：使用Neon来创建一个简单的Rust模块

1. 安装 Neon CLI ：

（Neon命令行界面）

npm install -g neon-cli  # 这条命令用于全局安装 neon-cli

2. 新建Neon项目：

在终端中输入:

    使用 neon 创建一个新的项目 my-neon-project
    然后切换到 my-neon-project 目录下

3. 编写 Rust 代码如下：
在 src/lib.rs 文件中，添加一个简单的函数，如下所示：

use neon::prelude::*;  

fn hello(mut cx: FunctionContext) -> JsResult<JsString> {  
    Ok(cx.string("Rust 问候!"))  
}  

register_module!(mut cx, {  
    cx.export_function("hello", hello)  
});

4. 搭建项目：

    霓虹构建

5. 在 Node.js 中使用模块时：

const addon = require('../native');  
console.log(addon.hello()); // 输出：来自 Rust 的问候：

2. 使用 NAPI-RS:

NAPI-RS 是另一个流行的使用 Rust 编写 Node.js 原生扩展的库。它为 Node.js 模块提供了稳定的 ABI（应用程序二进制接口）。这确保了在不同版本的 Node.js 之间具有兼容性。

使用NAPI-RS创建一个简单的Rust模块示例

1. 安装 NAPI-RS CLI ：

    npm install -g @napi-rs/cli

请注意，上述命令用于全局安装 @napi-rs/cli，这是一个用于 NAPI 开发的命令行工具。

2. 新建 NAPI-RS 项目：

创建一个新的 napi 项目
napi new my-napi-project  
进入项目目录
cd my-napi-project

3. 编写 Rust 代码:
编辑 src/lib.rs 文件，添加一个简单的函数，就像下面这样：

    #[macro_use]  
    extern crate napi_derive;  

    #[napi]  
    fn hello() -> String {  
        "Hello from Rust!".to_string()  
    }

第4. 建项目：

    napi build

5. 在 Node.js 中使用这个模块：

    const { hello } = require('./napi-rs');  
    console.log(hello()); // 打印：来自 Rust 的 Hello!

3. 使用 WebAssembly (WASM 技术)

WebAssembly (WASM) 是在 Node.js 应用程序中使用 Rust 的另一种方式。WASM 可以将 Rust 代码编译成可以在 Node.js 运行环境中执行的二进制格式。

例子：创建一个简单的WASM模块

1. 安装 wasm-pack。

    cargo install wasm-pack

使用cargo安装wasm-pack工具

2. 创建新项目:

运行以下命令来创建一个新的库项目并切换到项目目录:

cargo new --lib wasm_example  
cd wasm_example

3. 添加 WASM 目标项：
在 Cargo.toml 中编辑以添加：

[lib]  
构建类型 = ["cdylib"]  

[依赖项]  
wasm-bindgen = "0.2"

注：以上配置定义了一个Rust库的构建类型为"cdylib"，以及依赖项"wasm-bindgen"的版本为"0.2"。

4. 编写 Rust 代码：
在 src/lib.rs 中添加 Rust 代码：

// 使用 wasm_bindgen::prelude::*;

#[wasm_bindgen]
pub fn greet(name: &str) -> String {
    // 返回一个包含传入名字的问候字符串
    format!("Hello, {}!", name)
}

5. 开始项目：

    wasm-pack build --target nodejs

运行此命令以构建Node.js目标的WebAssembly包。这里的wasm-pack build --target nodejs是一个用于构建WebAssembly包的命令，目标是Node.js环境。请确保你已经熟悉这些术语，如"WebAssembly包"和"Node.js目标"。

6. 在 JavaScript 中用模块：

const { greet } = require('./pkg/wasm_example');  
// 引入 greet 函数
console.log(greet('World'));
// 输出 greet 函数的结果

4. 使用 FFI（外部函数接口）

另一种方法是使用FFI调用Node.js中的Rust函数。这种方法比较少见，但在某些特定场景下，当更倾向于直接绑定时会很有用。

示例：创建一个简单的Rust库示例

1. 创建一个 Rust 的库 ：

cargo new --lib my_rust_library  // 创建一个新的Rust库项目
cd my_rust_library              // 进入项目目录

2. 添加构建目标配置：
在 Cargo.toml 中添加构建目标：

[库]  
crate类型 = ['动态库']

3. 写 Rust 代码：
在 src/lib.rs 文件中添加 Rust 函数：

    #[no_mangle]  
    pub extern "C" fn hello() -> *const u8 {  
        "来自 Rust 的问候！".as_ptr()  
    }

4. 编译这个库：

    cargo build --release

5. 在 Node.js 中使用库文件：

const ffi = require('ffi-napi');
const path = require('path');

const lib = ffi.Library(path.join(__dirname, 'target/release/libffi'), {
    'hello': ['string', [] ]
});

console.log(lib.hello()); // 打印: Hello from Rust!

最佳做法和应用场景

每种方法都有其优势，选择应根据您应用的具体需求来决定。

• Neon ：最适合直接集成到 Node.js 中，提供了一种简单高效的编写原生模块的方法。
• NAPI-RS ：使用 Node-API 创建稳定且不受版本影响的原生模块，是不错的选择。
• WebAssembly ：适合在 Node.js 和浏览器中运行 Rust 代码，提供可移植性和高性能。
• FFI ：适用于需要直接从 Node.js 调用 Rust 函数且无需额外绑定的场景。

在 Node.js 应用中使用 Rust 的真实案例

根据我的经验，以下是在Node.js应用中，Rust表现尤为出色的几个方面：

1. CPU密集型计算：如图像处理，数据压缩和加密运算等任务。
2. 实时数据处理：高频交易系统，游戏后端和实时分析。
3. 网络服务：搭建高性能的Web服务器、代理或网络工具。

在前端应用中使用 Rust 并结合 WebAssembly (WASM)

WebAssembly (WASM) 是一种基于栈的虚拟机的二进制指令格式，用于执行高性能应用。它让网页应用能够实现高性能，使类似 Rust 的语言能够在浏览器中运行。

为什么使用Rust来开发WebAssembly？

从我自己的项目中，使用 Rust 和 WASM 一起使用带来了巨大的好处，例如：

1. 性能：WASM 为 web 应用提供了几乎原生级别的性能。
2. 安全性：Rust 的内存安全特性在 WASM 中得到了保留。
3. 可移植性：WASM 模块可以在任何现代的 web 浏览器上运行。

如何使用这个

要使用Rust和WASM时，你可以使用wasm-pack工具将Rust代码编译成WebAssembly。

示例：创建一个简单的WASM模块
扩展以在前端使用；更多细节请看上方的完整示例。

1. 建立项目：

    wasm-pack build --target web

此命令用于将WebAssembly模块打包为Web可访问的格式。

2. 添加 Webpack 配置：

     const path = require('path');  
    const HtmlWebpackPlugin = require('html-webpack-plugin');  
    const webpack = require('webpack');  
    const WasmPackPlugin = require("@wasm-tool/wasm-pack-plugin");  

    module.exports = {  
        entry: './index.js',  
        output: {  
            path: path.resolve(__dirname, 'dist'),  
            filename: 'index.js',  
        },  
        plugins: [  
            new HtmlWebpackPlugin(),  
            new WasmPackPlugin({  
                crateDirectory: path.resolve(__dirname, ".")  
            }),  
            // 让此示例在 Edge 浏览器中正常工作，因为 Edge 浏览器暂时不支持 `TextEncoder` 或 `TextDecoder`。  
            new webpack.ProvidePlugin({  
                TextDecoder: ['text-encoding', 'TextDecoder'],  
                TextEncoder: ['text-encoding', 'TextEncoder']  
            })  
        ],  
        mode: '开发',  
        experiments: {  
            异步WebAssembly: true  
        }  
    };

3. 在项目中添加 package.json 文件:

{
  // 脚本配置
  "scripts": {
    "build": "webpack",
    "serve": "webpack serve"
  },
  // 开发依赖项
  "devDependencies": {
    "@wasm-tool/wasm-pack-plugin": "1.5.0",
    "html-webpack-plugin": "^5.3.2",
    "text-encoding": "^0.7.0",
    "webpack": "^5.49.0",
    "webpack-cli": "^4.7.2",
    "webpack-dev-server": "^4.15.1"
  }
}

4. 在网页应用中使用这个模块，

import { greet } from './pkg';  

console.log(greet('World')); // 输出: 你好，世界!

在前端应用中有效利用 Rust 的案例

1. 复杂计算：在浏览器中直接运行复杂的算法。
2. 游戏开发：在浏览器中开发具有复杂物理和图形的高性能游戏。
3. 数据可视化：用交互式图形渲染大规模的数据集。
4. 加密：客户端进行安全的加密操作。

性能统计数据

我发现，在 Node.js 和前端应用中使用 Rust 可以带来显著的性能提升。以下是我项目的一些统计数据。

1. CPU密集型任务：Rust 在 CPU 密集型操作中可以比 JavaScript 快最多 10 倍。
2. 内存使用：Rust 的高效内存管理可以将内存占用减少至 JavaScript 的一半。
3. 并发性：Rust 的异步编程模型可以处理比传统 Node.js 应用程序多 1000 倍的并发连接。

结束语:

作为一名一直在寻找改进项目的开发者，将Rust与Node.js集成，并通过WebAssembly在前端使用Rust，这种做法让我感到非常兴奋。Rust所带来的性能提升、安全性和并发支持是无与伦比的。

亲爱的各位开发者和读者们，我想鼓励大家探索 Rust 以及它与你们的 Node.js 和前端应用程序的集成。你们会发现效率和可靠性方面的优势，这些优势真正会改变你们的体验。无论是CPU密集型任务、实时数据处理，还是复杂的前端操作，Rust 提供了一个强大的解决方案，能够显著提升你们的工作水平。

我的个人 Rust 之旅真是太令人满意了，我希望通过分享我的经历以及例子，你也能在你的项目中释放 Rust 的潜力。随着 Rust 的生态系统不断增长和发展，它已成为现代软件开发中一个越来越有价值的工具。

感谢你花时间读我的第一篇 Medium 文章！希望你觉得它既有信息量又实用。如果你有任何问题或想要联系我，随时可以通过 LinkedIn 联系我，或在我的 GitHub 上看看我的项目。

• 领英 (Lǐngyīng) : https://www.linkedin.com/in/bohdan-serefaniuk
• GitHub 吉特 (Gītúb jítè) (github.com) : https://github.com/bserefaniuk

真的非常感谢您的支持和反馈！