如何将现有使用web3的Node.js模块部署至WebAssembly

你现有代码实现了本地拉取区块链区块数据、查询ETH/DAI价格并启动本地接口服务的能力，要迁移到WASM环境按以下步骤操作即可：

1. 前置准备 #

• 先确认本地Node环境下代码可正常运行，执行node index.js能输出对应区块号、价格及服务启动日志，依赖全部安装完成无报错
• 安装兼容Node.js生态的WASM工具链，不要直接用裸Emscripten编译，优先选内置Node API polyfill、支持JS转WASM的工具套件，避免手动补全上百个系统API的兼容层
• 提前准备WASM兼容版本的依赖：包括纯JS/WASM实现的加密库、基于fetch的网络请求库，用于替换Node原生模块

2. 代码适配改造 #

• 逻辑解耦：把核心的链上数据查询逻辑（连接RPC、获取区块号、读取链上价格喂价、计算兑换价格）从Express服务逻辑里抽离，封装成可独立调用的导出函数，移除模块加载时自动执行的服务启动、控制台打印逻辑，改为由宿主调用时触发
• 依赖替换：把web3默认依赖的Node原生crypto、http/https模块替换为提前准备的WASM兼容版本，将web3的HttpProvider替换为基于fetch实现的WASM可用Provider，不要调用任何Node专属API（比如本地文件读写fs、进程环境变量process.env的直接读取，这类参数改为由WASM宿主传入）
• 服务适配：如果需要保留HTTP服务能力，不要直接用Express默认的listen方法绑定系统端口，改为适配WASM运行时提供的HTTP请求处理入口，通过运行时的端口映射能力对外暴露服务

3. 编译打包为WASM #

• 用JS打包工具把适配后的代码打包成单文件，打包配置中标记所有Node原生模块为外部依赖，替换为对应polyfill，打包时压缩冗余代码减小产物体积
• 用WASM工具链将打包好的JS文件编译为.wasm二进制文件，编译时开启网络访问权限，确保模块可以正常请求区块链RPC节点拉取数据
• 编译完成后会得到WASM二进制文件，以及对应宿主环境加载用的胶水代码

4. 运行验证 #

• 用对应WASM运行时加载编译好的模块，传入RPC节点地址等必要参数，调用封装好的链上查询方法
• 验证输出结果和本地Node运行结果一致，确认区块号、价格数据拉取正常；如果保留了HTTP服务，配置好端口映射后验证外部可以正常访问接口

注意：如果要把WASM模块运行在浏览器环境，需要额外确认你使用的RPC节点支持跨域请求，否则会因为浏览器CORS策略拦截导致请求失败。

本地Node环境运行的参考输出如下：

PS C:\Users\msi\Downloads\UniswapPriceMonitor-main> node index.js
BlockNumber: 15064092 Price ETH/DAI : 1050.63548627748881905413
Chain Connect listening on port 3000!

内容的提问来源于stack exchange，提问作者Ajit