白天搞智能合约，晚上撸前端代码，只要咖啡还续着，凌晨照样在线！会说 Solidity、PHP、Node.js，还有 Vue 和 HTML 的“方言”，代码不怕我不写，就怕写完跑太快。Bug？那都是小场面，一出手就搞定。我的宗旨是——交付准时，调试无敌，客户满意才是真理！

26. EIP712 签名脚本

在本教程中，我们将介绍如何使用 Ethers.js 写 EIP712 签名脚本。

EIP712

EIP712 类型化数据签名提供了一种更高级、更安全的签名方法。当支持 EIP712 的 Dapp 请求签名时，钱包会展示签名消息的原始数据，用户可以在验证数据符合预期之后签名。此外，你也可以使用脚本生成 EIP712 签名。

EIP712 签名脚本

1. 创建 provider 和 wallet 对象。在本例中，我们使用 Remix 测试钱包的私钥。

   // 使用 Alchemy 的 RPC 节点连接以太坊网络
   const ALCHEMY_GOERLI_URL = 'https://eth-goerli.alchemyapi.io/v2/GlaeWuylnNM3uuOo-SAwJxuwTdqHaY5l';
   const provider = new ethers.JsonRpcProvider(ALCHEMY_GOERLI_URL);
   
   // 使用私钥和 provider 创建 wallet 对象
   const privateKey = '0x503f38a9c967ed597e47fe25643985f032b072db8075426a92110f82df48dfcb'
   const wallet = new ethers.Wallet(privateKey, provider)
   

2. 创建 EIP712 Domain，它包含了合约的 name、version（通常约定为 “1”）、chainId 以及 verifyingContract（验证签名的合约地址）。

   // 创建 EIP712 Domain
   let contractName = "EIP712Storage"
   let version = "1"
   let chainId = "1"
   let contractAddress = "0xf8e81D47203A594245E36C48e151709F0C19fBe8"
   
   const domain = {
       name: contractName,
       version: version,
       chainId: chainId,
       verifyingContract: contractAddress,
   };
   

3. 创建签名消息的类型化数据，其中 types 声明类型，而 message 包含数据。

   // 创建类型化数据，Storage
   let spender = "0x5B38Da6a701c568545dCfcB03FcB875f56beddC4"
   let number = "100"
   
   const types = {
       Storage: [
           { name: "spender", type: "address" },
           { name: "number", type: "uint256" },
       ],
   };
   
   const message = {
       spender: spender,
       number: number,
   };
   

4. 调用 wallet 对象的 signTypedData() 签名方法，参数为之前创建的 domain、types 和 message 变量：

   // EIP712 签名
   const signature = await wallet.signTypedData(domain, types, message);
   console.log("Signature:", signature);
   // Signature: 0xdca07f0c1dc70a4f9746a7b4be145c3bb8c8503368e94e3523ea2e8da6eba7b61f260887524f015c82dd77ebd3c8938831c60836f905098bf71b3e6a4a09b7311b
   

5. 你可以使用 verifyTypedData() 方法复原出签名的 signer 地址并验证签名的有效性。通常，这一步会在智能合约中执行。

   // 验证 EIP712 签名，从签名和消息复原出 signer 地址
   let eip712Signer = ethers.verifyTypedData(domain, types, message, signature)
   console.log("EIP712 Signer: ", eip712Signer)
   //EIP712 Signer: 0x5B38Da6a701c568545dCfcB03FcB875f56beddC4
   

完整代码

import { ethers } from "ethers";

// 利用Alchemy的rpc节点连接以太坊网络
const ALCHEMY_GOERLI_URL = 'https://eth-goerli.alchemyapi.io/v2/GlaeWuylnNM3uuOo-SAwJxuwTdqHaY5l';
const provider = new ethers.JsonRpcProvider(ALCHEMY_GOERLI_URL);

// 利用私钥和provider创建wallet对象
const privateKey = '0x503f38a9c967ed597e47fe25643985f032b072db8075426a92110f82df48dfcb'
const wallet = new ethers.Wallet(privateKey, provider)

// 创建 EIP712 Domain
let contractName = "EIP712Storage"
let version = "1"
let chainId = "1"
let contractAddress = "0xf8e81D47203A594245E36C48e151709F0C19fBe8"

const domain = {
    name: contractName,
    version: version,
    chainId: chainId,
    verifyingContract: contractAddress,
};

// 创建类型化数据，Storage
let spender = "0x5B38Da6a701c568545dCfcB03FcB875f56beddC4"
let number = "100"

const types = {
    Storage: [
        { name: "spender", type: "address" },
        { name: "number", type: "uint256" },
    ],
};

const message = {
    spender: spender,
    number: number,
};

const main = async () => {
    console.log("Message: ", message)
    // EIP712 签名
    const signature = await wallet.signTypedData(domain, types, message);
    console.log("Signature:", signature);
    // 验证 EIP712 签名，从签名和消息复原出 signer 地址
    let eip712Signer = ethers.verifyTypedData(domain, types, message, signature)
    console.log("EIP712 Signer: ", eip712Signer)
}

main();