Compiling from Rust to WebAssembly NPM for React App and Chrome Extension

最新推荐文章于 2026-06-23 21:15:00 发布
原创 最新推荐文章于 2026-06-23 21:15:00 发布 · 511 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#rust #wasm #npm
该文章详细描述了一个数据流过程，从React应用点击加密按钮开始，通过WebAssembly在ReactApp、Chrome扩展的内容脚本以及服务工作者之间传递加密和解密的字符串。作者提供了三个开源仓库，分别对应RustRSAWASMnpm库、WebAssembly应用和Chrome扩展，展示了如何将Rust编译为WebAssembly并用于React和Chrome扩展的跨平台安全通信。

请添加图片描述
The data flow is as following:

  1. Click Encrypt button in React App
  2. React App passes the encrypted string to Chrome Extension content script with window.postMessage
  3. Chrome Extension content script pass the encrypted string to Chrome Extension service worker with chrome.runtime.sendMessage
  4. Chrome Extension service worker pass the decrypted string to Chrome Extension content script with the sendResponsecallback of chrome.runtime.onMessage

The 3 repos are open sourced at here:

For more detail, please go to https://medium.com/@wk3368/compiling-from-rust-to-webassembly-npm-for-react-app-and-chrome-extension-64a49a42416

wk3368
关注
rust的brotli数据压缩库鸿蒙化适配
一个走在鸿蒙开发路上的小菜鸡
06-18 387
目标很明确：不改 rust-brotli 一行源码，把 brotli 压缩/解压能力搬到鸿蒙，然后用 ArkTS 验证一切正常。，基于 napi-rs 的鸿蒙 Rust 框架。
【高级】RustMark v1.1：异步引擎优化 — Rust Pin/Unpin、自引用与无锁并发深度解析
我的博客
06-21 190
核心痛点：Rust 异步编程的进阶瓶颈不在 async/await 语法糖，而在于理解 Future 自引用特性和 Pin 语义——这是区分"会用 Rust 写异步"和"真正理解 Rust 异步"的分水岭。同时，当编辑器面对数百个文档的并发渲染、文件监控、语法检查、自动补全等多任务并发场景时，传统的 Mutex 加锁方案很快成为吞吐量瓶颈。前置知识：需掌握 Rust 基础所有权系统、async/await 语法、tokio 基本使用（runtime、spawn）、以及上一篇 v0.8 中介绍的异步文件 IO
组合真的优于继承吗？为什么 Rust 和 Go 都拥抱组合舍弃继承？
github_28443763的博客
06-19 551
首先，先叠个甲，我并不认同**组合一定优于继承**这种太过于绝对化的观点，其实只要你对继承和组合这两者都有过思考的话，两者不存在孰优孰劣，只是组合更适合当下的开发模式。
rust 怎么通过 GetDeviceGammaRamp 伽马值判断是否有软件开启护眼
小妖666个人笔记
06-19 231
rust 怎么通过 GetDeviceGammaRamp 伽马值判断是否有软件开启护眼
一场动态链接器谋杀案：Rust、Go、Electron 和 static TLS block 的排查故事
techdashen的博客
06-21 166
这篇文章从一个 Electron 桌面应用的架构改造讲起。原先的方案是 Electron UI 加一个 Go 写的本地 JSON-RPC 服务进程，但这种“第一次运行下载可执行文件、监听本地 TCP 端口”的方式容易被 Windows 杀毒软件干扰，也带来很多排查困难。于是项目转向 Node native addon：用 Rust 写 N-API 胶水层，把已有 Go 代码编译成静态库并链接进 Rust 动态库，最后生成一个.node文件给 Electron/Node.js 加载。
重磅信号：NVIDIA OSMO 推进适配 RustFS，新增存储备选方案
最新发布
分布式存储与RustFS的博客
06-23 340
英伟达OSMO平台拟集成RustFS替代MinIO，凸显其在AI仿真存储场景的技术优势。RustFS凭借无GC架构（避免高并发抖动）、轻量化内存调度、去中心化横向扩容及Apache 2.0协议合规性，精准匹配OSMO对高频小文件存储的低延迟、高稳定需求。市场层面，MinIO商业化收紧推动替代需求，而RustFS通过绑定英伟达生态及信创适配优势，在AI与政企领域前景广阔。此次合作标志着RustFS成为AI原生存储升级的关键选项。
从实战踩坑到架构优化 ——Tauri 转 Web 项目的深度避坑与工程化思考
赵得C
06-17 414
摘要： 本文深度剖析Tauri应用迁移为纯Web应用的技术挑战与解决方案。聚焦工程化踩坑、底层原理、代码优化及长期维护四大维度，结合HuLa即时通讯项目实战经验，解析高频报错根源（如原生窗口API冲突、跨域请求规则差异、WebSocket生命周期管理等），并提出分层适配架构（windowAdapter/requestAdapter/wsAdapter）实现环境解耦。关键优化包括：统一环境判断与常量管理、ESLint自动化校验、双端并行架构设计等，强调“以后端为基准”的契约标准化。适用于需兼顾功能迁移与长期可
每日一个开源项目（第133篇）：EchoBird - 把 AI 工具的安装和部署做成傻瓜操作
Cheson的专栏
06-17 407
EchoBird 是一款用 Tauri + Rust 构建的跨平台桌面应用，把 Claude Code、vLLM、Codex 等 AI 工具的安装、本地 LLM 部署、模型配置整合进一个界面。Model Nexus 统一模型管理，四大场景共用一套配置。2.2k Stars，Windows/macOS/Linux 全平台。
【开源软件移植】把 RustDesk 的 Rust 核心搬到 HarmonyOS PC：一次 Native HAR 迁移实战记录
热门推荐
island1314的博客
06-16 1万+
把 RustDesk 里已经很成熟的 Rust 远控核心，搬到 HarmonyOS PC 上跑起来，然后封装成一个 Native HAR 给鸿蒙应用用。拉 RustDesk 源码↓改一下 target↓↓打成 HAR↓鸿蒙 PC 上跑起来但真正开始做以后就发现，事情没有这么简单。RustDesk 不是一个小库，它是一个完整的远程桌面项目，里面有桌面端逻辑、Flutter 逻辑、编解码逻辑、输入逻辑、平台相关逻辑，还有一大堆三方依赖。
从 panic 到 Result：用 Rust 重新整理一个 ping 项目的错误处理
techdashen的博客
06-21 293
不过，单纯把函数签名改成Result并不意味着错误处理就变好了。那失败时仍然会 panic。区别在于：这次 panic 的原因更清楚了。现在至少能看到具体错误，比如“非法库名”或者“找不到某个 proc”。但原文指出，这还不够。因为此时 backtrace 主要告诉你.unwrap()发生在哪里，而不是错误最初是在哪里构造出来的。对于复杂代码来说，这两者不总是同一个位置。这就引出了下一步：不仅要有错误类型，还要有错误发生位置的上下文。这一篇的主题可以概括成一句话：不要把所有失败都当成程序崩溃；
tauri v2 编译的build 程序怎么开启前端 rust 调试模式
小妖666个人笔记
06-22 212
tauri v2 编译的build 程序怎么开启前端 rust 调试模式
RustMark v0.6：语法高亮引擎 — Rust 序列化与配置管理深度实战
我的博客
06-16 270
核心痛点：文本编辑器最核心的用户体验之一就是代码语法高亮。传统方案依赖正则表达式或硬编码规则，缺乏可扩展性和准确性。本文解决 RustMark 编辑器中语法高亮引擎的构建问题——如何利用 Rust 生态的序列化框架管理配置，如何集成 Sublime Text 语法定义实现高质量着色，以及如何利用 Tree-sitter 实现增量解析与结构化查询。前置知识：需要掌握 Rust 基础语法（所有权、Trait、泛型），了解 Cargo 项目结构。建议先完成入门篇 5 篇文章的学习。系列阶段。
用 Rust 给某音 a_bogus 补环境:从「吐环境」到一个 1.8MB 单二进制纯算签名(无需 Node、无需浏览器)
Roufsi的博客
06-20 348
drission 是用 Rust 写的反检测浏览器自动化库。这篇讲它的「吐环境(dump_env)」能力:针对某音的签名参数 a_bogus,在真实浏览器里采集它所依赖的全部环境(navigator/screen/document + canvas/webgl/audio 指纹),一键导出可被 Node 直接 require 的补环境 env.js,并用「同构双跑」自证忠实还原。最后把整套补环境 + 内嵌 QuickJS 引擎编译成一个 1.8MB 的单二进制——开箱即跑、无需 Node、无需浏览器、无需任
Rust 从入门到精通：我们如何用3周将内存占用降低60%
haolove527的专栏
06-19 313
所有权是Rust的核心：花时间理解它，后面会少踩很多坑错误处理要规范：不要到处unwrap，用?运算符和自定义错误类型并发选择要谨慎：简单场景用原子操作，复杂场景用Mutex内存优化从零拷贝开始：减少不必要的分配是性能优化的第一步。
全栈技术栈深度选型指南：从前端岛屿到后端云原生的全景决策
weixin_43127990的博客
06-18 240
2026 年的前端生态已不再是"React 一统天下"的格局。随着 Google 将 Core Web Vitals（CWV）正式纳入搜索排名核心算法，首屏性能从"体验优化"升级为"商业生存指标"。
RK3399Pro 移植主线arm trusted firmware和optee
weixin_45682654的博客
06-17 319
RK3399Pro移植主线TF-A和OPTEE
2026年6月编程语言使用排名
让编程变的很简单！！
06-18 231
Python 断层领先：尽管本月份额有所回落，但 Python 依然是 AI 时代的“操作系统”级语言，驱动了近半数新增 AI 项目，地位难以撼动。Rust 强势破局：凭借“内存安全+高性能”的优势，Rust 在系统级开发领域持续发力，正逐步成为 C/C++ 的有力竞争者，未来几年的增长曲线值得重点关注。传统语言依然坚挺：C、C++ 和 Java 在底层系统、游戏引擎、企业级后端等领域依然是刚需，保持着极高的使用率。
Linux 内核 必知必会
码刀攻城
06-17 412
初闻不知曲中意，再听已是曲中人
Rust语言基础入门学习记录
u014650759的专栏
06-22 162
当代码调用一个函数时，传递给函数的值和函数的局部变量被压入栈中，当函数结束时，这些值被移出栈。，其本身的关键字也是简写，public被简写成了pub，function简写为fn，接口实现为impl，，联系C#是.cs结尾，java就是.java结尾，Python是.py结尾。Rust入门指南，该中文版由Rust中文项目组维护，持续跟随官方版本更新，有这几个文档，入手的话应该够了，这里记录的是看这几个文档中的一些思考记录。，因为没有继承，我的理解其含义类似“来源于”，也可用作大的库引用。
Dioxus 做移动端：能跑，但离上架还有多远
weixin_47417831的博客
06-23 154
Dioxus 最抓人的一句宣传语，就是“一套 Rust 代码跑 Web、桌面、移动”。桌面端上一期已经聊过，这一篇只看移动端。问题很简单：它现在到底是“能演示”，还是“能认真做项目”？我按 **2026 年 6 月 23 日** 能查到的 **Dioxus 0.7** 官方文档来梳理，重点看运行方式、Android/iOS 开发链路、原生能力接入，以及它现在到底适合什么项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值