Ethers极简入门: 20. 解码交易详情

我最近在重新学ethers.js，巩固一下细节，也写一个WTF Ethers极简入门，供小白们使用。

推特：@0xAA_Science

WTF Academy社群： 官网 wtf.academy | WTF Solidity教程 | discord | 微信群申请

所有代码和教程开源在github: github.com/WTFAcademy/WTFEthers

这一讲，我们以未决交易（Pending Transaction）为例，介绍如何解码交易详情。

未决交易

未决交易是用户发出但没被矿工打包上链的交易，在mempool（交易内存池）中出现。对于mempool的更多介绍可以看WTF Ethers极简教程第19讲：监听Mempool

下面是一个转账ERC20代币的未决交易，你可以在etherscan上查看交易详情：

红框中是这个交易的input data，看似杂乱无章的十六进制数据，实际上编码了这笔交易的内容：包括调用的函数，以及输入的参数。我们在etherscan点击Decode Input Data按钮，就可以解码这段数据：

解码之后，我们可以看到这笔交易调用的函数以及输入的参数。

Interface类

ethers.js提供了Interface类方便解码交易数据。声明Interface类型和声明abi的方法差不多，例如：

const iface = ethers.Interface([
    "function balanceOf(address) public view returns(uint)",
    "function transfer(address, uint) public returns (bool)",
    "function approve(address, uint256) public returns (bool)"
]);

解码交易数据

下面我们写一个解码未决交易数据的脚本。

创建provider和wallet，监听交易时候推荐用wss连接而不是http。

// 准备 alchemy API 可以参考https://github.com/AmazingAng/WTF-Solidity/blob/main/Topics/Tools/TOOL04_Alchemy/readme.md 
const ALCHEMY_MAINNET_WSSURL = 'wss://eth-mainnet.g.alchemy.com/v2/oKmOQKbneVkxgHZfibs-iFhIlIAl6HDN';
const provider = new ethers.WebSocketProvider(ALCHEMY_MAINNET_WSSURL);
let network = provider.getNetwork()
network.then(res => console.log(`[${(new Date).toLocaleTimeString()}] 连接到 chain ID ${res.chainId}`));

创建Interface对象，用于解码交易详情。

const iface = new ethers.Interface([
"function transfer(address, uint) public returns (bool)",
])

获取函数选择器。

const selector = iface.getFunction("transfer").selector
console.log(`函数选择器是${selector}`)

监听pending的ERC20 转账交易，获取交易详情并解码：

// 处理bigInt
function handleBigInt(key, value) {
    if (typeof value === "bigint") {
        return value.toString() + "n"; // or simply return value.toString();
    }
return value;
}

provider.on('pending', async (txHash) => {
if (txHash) {
    const tx = await provider.getTransaction(txHash)
    j++
    if (tx !== null && tx.data.indexOf(selector) !== -1) {
        console.log(`[${(new Date).toLocaleTimeString()}]监听到第${j + 1}个pending交易:${txHash}`)
        console.log(`打印解码交易详情:${JSON.stringify(iface.parseTransaction(tx), handleBigInt, 2)}`)
        console.log(`转账目标地址:${iface.parseTransaction(tx).args[0]}`)
        console.log(`转账金额:${ethers.formatEther(iface.parseTransaction(tx).args[1])}`)
        provider.removeListener('pending', this)
    }
}})

交易参数解码：

总结

这一讲，我们介绍了ethers.js的Interface类，并利用它解码了mempool中的transfer交易。

Ethers极简入门: 20. 解码交易详情

未决交易​

Interface类​

解码交易数据​

总结​

未决交易

Interface类

解码交易数据

总结