li>

助记词：这是行业标准，私钥可以被转换成一组由12或24个单词组成的助记词（如 witch collapse practice feed shame open despair creek road again ice least），用户只需记住这组单词，即可在任何兼容的钱包中恢复账户。生成和验证助记词需要遵循BIP-39标准。ethers.js 提供了 ethers.HDNode 等工具来处理助记词和分层确定性钱包。

示例代码：使用Ethers.js创建新钱包

import { ethers } from "ethers";
// 1. 创建一个随机钱包
const wallet = ethers.Wallet.createRandom();
console.log("地址:", wallet.address);
console.log("私钥:", wallet.privateKey);
console.log("助记词:", wallet.mnemonic.phrase); // 这通常只在创建时显示一次
// 2. 从助记词恢复钱包
const mnemonic = "witch collapse practice feed shame open despair creek road again ice least";
const recoveredWallet = ethers.Wallet.fromMnemonic(mnemonic);
console.log("恢复后的地址:", recoveredWallet.address);
console.log("地址是否一致:", wallet.address === recoveredWallet.address);

连接以太坊网络

你的钱包需要一个“窗口”来与区块链对话，这个窗口就是Provider。

• Provider：一个只读的对象，用于连接到以太坊节点，读取链上数据（如余额、状态）,它不能发起交易。
• Signer：一个可写、可签名交易的对象，它通常由一个账户（即钱包）和一个Provider组成，当你需要发送交易时,必须使用Signer来对交易进行签名。

在浏览器中，最常用的Provider是 MetaMask注入的window.ethereum，你需要检测并连接到用户的MetaMask钱包,或者让你的钱包本身成为一个Provider。

示例代码：连接到MetaMask

import { ethers } from "ethers";
// 检查是否安装了MetaMask
if (typeof window.ethereum !== 'undefined') {
  console.log('MetaMask is installed!');
  // 请求用户连接账户
  try {
    const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' });
    const provider = new ethers.providers.Web3Provider(window.ethereum);
    const signer = provider.getSigner();
    console.log("连接的账户:", accounts[0]);
    console.log("Signer对象:", signer);
    // 获取账户余额
    const balance = await provider.getBalance(accounts[0]);
    console.log("ETH余额:", ethers.utils.formatEther(balance), "ETH");
  } catch (error) {
    console.error("用户拒绝了连接请求", error);
  }
} else {
  console.log('请安装MetaMask!');
}

实现核心功能

1. 查询余额：使用 provider.getBalance(address) 实现。
2. 发送交易：这是最复杂的一步，你需要构建一个交易对象，包含：
   • to: 接收方地址。
   • value: 发送的ETH数量（使用ethers.utils.parseEther转换）。
   • gasLimit: 交易消耗的 gas 上限。
   • gasPrice: 每单位 gas 的价格。 然后使用 signer.sendTransaction() 发送交易,它会自动用私钥签名。

示例代码：发送ETH

import { ethers } from "ethers";
// 假设你已经有了provider和signer
const provider = new ethers.providers.JsonRpcProvider("http://localhost:8545"); // 连接到本地节点
const signer = provider.getSigner(); // 使用第一个账户作为发送方
const recipientAddress = "0x70997970C51812dc3A010C7d01b50e0d17dc79C8";
const amountToSend = ethers.utils.parseEther("0.1"); // 发送0.1 ETH
const tx = await signer.sendTransaction({
  to: recipientAddress,
  value: amountToSend,
});
console.log("交易已发送，哈希:", tx.hash);
// 等待交易被打包
await tx.wait();
console.log("交易已确认!");

构建用户界面

UI是钱包的门面，你需要设计简洁、直观的界面来展示：

• 资产列表（ETH和ERC-20代币）。
• 账户地址和二维码。
• 发送/接收功能。
• 交易历史记录。

React等框架可以让你轻松构建这些交互式组件。ethers.js 可以无缝集成到前端项目中。

安全性：钱包的生命线

对于钱包应用，安全是重中之重,任何疏忽都可能导致用户资产损失。

• 私钥/助记词安全：永远不要在前端代码中硬编码私钥，对于需要存储的场景，必须使用强加密算法（如AES）进行加密。
• 防钓鱼：教育用户不要在任何不信任的网站上输入助记词或私钥,你的应用本身也应避免诱导用户泄露信息。
• 交易签名安全：确保用户在签名前能清晰看到交易的详细信息（接收方、金额、Gas费）,防止恶意合约攻击。
• 代码审计：在产品正式上线前,务必进行专业的安全代码审计。

进阶功能

当你掌握了基础功能后,可以添加更多高级特性来提升用户体验：

• 支持ERC-20代币：实现代币的查询、转账和余额显示。
• DApp连接：让用户能通过你的钱包与各种DeFi协议、NFT市场等进行交互