如何在 web3 项目中实现 JSON-RPC API [eth_sendTransaction]？

更新时间：2026年03月27日作者：spoto 标签(Tag)：

本文主要探讨了如何在 web3 项目中实现 JSON-RPC API [eth_sendTransaction]。具体做法是创建一个示例项目文件，该文件中包含两个按钮：一个是“连接到 MetaMask”，另一个是“发送 ETH”按钮，通过这两个按钮可以执行交易操作。

先决条件：对以太坊、JSON-RPC以及API的基本了解。

接近方式：

步骤1：请安装 Ganache 和 Metamask。

请访问此处，了解如何安装 Ganache 和 Metamask。同时，请确保已经在 MetaMask 中添加了 Ganache 本地链，如下图所示。随着文章的继续阅读，后续的操作步骤也会变得清晰起来。

Ganache本地连锁店

步骤2：使用 Metamask 来设置 Ganache

A.打开Ganache软件后，您将被重定向到如下图所示的界面。

甘纳奇界面

B.接下来，请打开您的MetaMask。现在，我们将学习如何将Ganache中的账户导入到Metamask中，然后还会学习如何通过API来连接这些账户。

C.请点击下图中的第一个账户密钥。

点击“按键”图标

D.你会看到自己的私钥以及账户地址。请复制该私钥，然后前往你的MetaMask应用程序中进行操作。

私钥

E.打开 Metamask 后，点击“导入账户”选项卡。此时，你会被重定向到需要输入特定账户的私钥的页面。你需要输入你想要导入的该账户的私钥。

进口账户

粘贴私钥

F.请将复制好的私钥粘贴到[在这里输入您的私钥字符串]这一栏中，然后点击“导入”。这样，您的账户就会像图中所示那样被导入进来。（账户1已成功导入）

账户1：已导入的账户

G.同样地，试着导入另一个账户吧。

已经导入了两个账户。

H.通过这种方式，我们已经在 MetaMask 中导入了来自 Ganache 的两个账户。接下来，我们将使用这两个账户来完成我们的任务。

I.接下来，让我们进入编码部分。在这里，所有这些功能的实际实现工作将会进行。简而言之，可以说，这就是你在 Web3 项目中需要使用的部分。

步骤3：编码/实现部分。

在这里，我为了演示的目的而实现了一个简单的代码。这个代码是以HTML格式编写的。

HTML

<!DOCTYPE html><HTML 长=“en”><头部>    <元数据/元数据 字符集=“UTF-8”>    <元 http-equiv=“X-UA-兼容” 内容=“IE=edge”>    <元 名称=“视口” 内容=“宽度=device宽度，初始缩放比例=1.0”>    <!--WEB3-CONNECT-->    <脚本/程序 类型/种类=“文本/JavaScript” src=https://cdnjs.cloudflare.com/ajax/libs/web3/1.2.7-rc.0/web3.min.js></脚本/程序>    <!--标题-->    <标题>JSON-RPC-API-TUTORIAL</标题></头部><身体 风格/样式=背景颜色：白色>            <除法 类别/等级=“donatebtn” 风格/样式=“margin-left:14cm; margin-top:5cm”>            <按钮 类别/等级=“按钮-27” onclick=“connectMetamask()” 角色/职责=“按钮”>CONNECT TO METAMASK</按钮>            <p id=“accountArea”></p>        </除法>        <除法 类=“交易” 风格/样式=“margin-left:15cm; margin-top:1cm”>            <!--<input style="background-color:white; margin-left:13.8cm; margin-top:1cm" placeholder="输入金额" type="text" id="amount">-->            <按钮 onclick=“sendTransaction()” 风格/样式=“margin-top:1cm” id=“eth” 类别/类型=“button-86” 角色/作用=“按钮”>SEND ETH</按钮>        </除法>        <!--METAMASK连接-->        <脚本/程序>//连接MetaMask让/允许账户;常量连接 Metamask=异步()=>{if(窗口.以太坊!==“未定义”){const账户=等待以太坊.请求/要求({方法/方式:“eth_requestAccounts”});账户=账户[0];文件/文档.通过ID获取元素(“accountArea”).innerHTML=账户;}}</脚本/程序>        <!--JSON-RPC API [eth_sendTransaction] 连接-->        <脚本/程序>异步功能/作用发送交易信息{让参数=[{“来自”:0x5ac5b8D9Efb99b49176eBfcB1A78f8F85FcB0967,“为了”:0xFb30D953a3fE1298df870C390Cf75A506091C607,“气体”:数字(21000).转换为字符串(16),“gasPrice”:数字(2500000).转换为字符串(16),“价值”:数字(1000000000000000000).转换为字符串(16),}]让结果=等待窗口.以太坊.请求/要求({方法/方式:“eth_sendTransaction”,参数}).捕捉((错误/失误)=>{控制台.日志/记录(错误/失误)})}</脚本/程序>             </身体></HTML>