Lee General1. 小狐狸钱包基础配置与开发环境搭建
小狐狸钱包（MetaMask）作为以太坊生态中最常用的浏览器扩展钱包，是DApp开发者的必备工具。它不仅能够管理加密货币资产，更重要的是提供了与区块链网络交互的桥梁。对于开发者而言，熟练掌握小狐狸钱包的配置和使用方法，是进入Web3开发的第一步。
1.1 安装与基础配置
首先需要从Chrome应用商店或MetaMask官网下载安装扩展。安装完成后，首次打开会提示创建新钱包或导入已有钱包。对于开发测试目的，建议选择"创建新钱包"，但务必妥善保管助记词。在实际开发中，我们通常会使用测试网络和测试账户，避免操作真实资产。
重要提示：开发环境下切勿使用存有真实资产的钱包账户进行操作，务必创建专门的开发测试账户。
安装完成后，点击浏览器右上角的MetaMask图标，按照指引完成初始设置。默认情况下，钱包会连接到以太坊主网，但我们需要将其切换到本地开发网络。
1.2 添加本地开发网络
在MetaMask界面中，点击顶部的网络选择下拉框，选择"添加网络"。对于Hardhat开发环境，通常使用以下配置参数：
- 网络名称：Hardhat Local
- 新的RPC URL：http://localhost:8545
- 链ID：31337（Hardhat默认链ID）
- 货币符号：ETH
- 区块浏览器URL：留空
这些参数配置完成后，点击保存即可将本地Hardhat节点添加到MetaMask中。这样我们就可以直接在浏览器中与本地开发环境交互，而无需部署到公共测试网络。
1.3 导入测试账户
Hardhat在启动本地节点时会自动生成20个测试账户，每个账户都有10000 ETH的测试余额。这些账户的私钥可以在Hardhat的控制台输出中找到。要将这些账户导入MetaMask：
- 点击MetaMask右上角的账户图标
- 选择"导入账户"
- 输入测试账户的私钥
- 点击导入
导入成功后，你将在账户列表中看到新添加的账户，并且余额显示为10000 ETH。这些测试ETH可以自由使用，不会产生任何实际成本。
需要模型API调用？ 免费领10W Token，多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. 前端与智能合约交互实现
2.1 初始化以太坊提供者
在前端代码中，我们首先需要检测并获取window.ethereum对象，这是MetaMask注入到页面中的以太坊提供者。以下是基础检测代码：
typescript复制function getEth() {
// @ts-ignore
const eth = window.ethereum;
if (!eth) {
throw new Error("未找到ethereum provider，请检查是否安装小狐狸钱包");
}
return eth;
}
这段代码首先尝试获取window.ethereum对象，如果不存在则抛出错误，提示用户安装MetaMask。在实际应用中，可以