ethers事件监听

事件监听(Event Listening)在 Web3 开发中扮演着"报警器"的角色。它的主要工作是:当区块链上的智能合约触发了某个动作时,实时通知你的前端网页或后端程序。

由于区块链的交易打包需要时间(通常几秒到十几秒),你不能像调用传统 API 那样立即得到结果。监听就是解决这种"异步性"的最佳方案。


1. 它是如何工作的?

监听本质上是你的程序与区块链节点(RPC Node)建立了一个长连接(通常是 WebSocket)。

  1. 合约内 :执行某个函数,触发出 emit MyEvent()。
  2. 节点:捕获到这个日志。
  3. ethers.js:通过连接接收到通知,并执行你预设的回调函数。

2. ethers.js 监听代码示例

在 ethers.js v6 中,监听非常直观。假设你有一个转账事件 Transfer(address from, address to, uint256 value)。

全局监听(听所有转账):
javascript 复制代码
// 语法:contract.on("事件名", 回调函数)
contract.on("Transfer", (from, to, value, event) => {
    console.log(`收到新转账!`);
    console.log(`从: ${from} 到: ${to} 金额: ${ethers.formatEther(value)} ETH`);
    
    // event 对象包含更多细节,如交易哈希、区块号等
    console.log(`交易哈希: ${event.log.transactionHash}`);
});
带过滤的监听(只听发给"我"的转账):

如果你只想关注和你有关的交易,可以使用 Filters(过滤器):

javascript 复制代码
const myAddress = "0xYourAddress...";
// 创建过滤器:只有当 'to' 参数等于 myAddress 时才触发
const filter = contract.filters.Transfer(null, myAddress);

contract.on(filter, (from, to, value) => {
    console.log(`有人给我转账了 ${ethers.formatEther(value)} ETH!`);
});

3. 监听的注意事项

  • 网络连接类型 :监听通常需要 WebSocket (WSS) 连接(例如 wss://eth-mainnet.g.alchemy.com/...)。普通的 HTTP 连接不支持实时推送,ethers.js 可能会退化为频繁的轮询(Polling),效率较低。

  • 停止监听:为了防止内存泄漏,当你不再需要监听时(比如用户关闭了弹窗),记得关闭它:

  • contract.off("Transfer"):停止特定事件。

  • contract.removeAllListeners():停止所有监听。

  • 一次性监听 :如果你只想等某个动作发生一次(比如等待部署后的第一次初始化),可以使用 contract.once。


4. 为什么不用"轮询"变量值?

有些开发者会想:我写个 setInterval 每秒查一次余额不行吗?

  1. 浪费资源:频繁调用节点 API 可能会触发频率限制(Rate Limit)。
  2. 延迟高:轮询可能有 1-2 秒的滞后。
  3. 用户体验差:用户在网页上点完按钮,你无法精准地在交易成交的那一刻给出反馈。

总结

  • 状态变量 :是合约的大脑(存储数据)。
  • 事件监听 :是合约的嘴巴(对外广播)。
相关推荐
徐征6391 天前
邮件安全防护体系技术拆解:从入口过滤到大模型研判的检测流水线 北京方向标
web3·生活
米小虾2 天前
币安 63 亿美元被盗:被攻破的不是私钥,是那台负责签名的机器
黑客·web3
OxYGC4 天前
[Web3] 的⛽ Gas 革命:五大协议群组如何终结“Gas 痛点
web3·1024程序员节·layer2·gas·erc-4337
OxYGC4 天前
[Web3] 去中心化基石 - BIP铁三角(BIP32/39/44)
web3·1024程序员节·钱包·bip32·bip44
磐链科技4 天前
IM聊天Web3钱包定制开发指南:从业务场景梳理、系统功能规划到产品迭代与生态扩展
web3
limit00756 天前
三维 WebGIS 工具选型:加载、样式、分析、交付,一套界面能做完什么
android·前端·web3·安卓·webgl
木西6 天前
dAppOS 意图执行网络核心技术剖析:从智能账户、生息资产金库到 OMS 乐观质押仲裁的 Solidity 0.8.28 实现
web3·智能合约·solidity
limit00756 天前
公开 WMTS / XYZ 瓦片接入 Cesium:6 类常见问题与排查顺序
chrome·低代码·arcgis·web3·旅游
limit00757 天前
三维模型悬空与切片偏移的排查顺序
低代码·3d·arcgis·web3·安卓·webgl
磐链科技10 天前
元链科技:随着区块链技术持续发展,Web3逐渐成为数字资产管理、去中心化应用和数字经济创新的重要技术方向
科技·web3·区块链