使用 TypeChain 从智能合约 ABI 生成类型声明

news/2024/7/21 9:16:39 标签: 智能合约, web3, typescript, 前端

前言

web3 项目中,前端不可缺少地需要调用智能合约的代码,但是智能合约只有合约地址及对应的 ABI 文档,而没有相应的 typescript 类型声明。本文讲述如何使用 typechain 将智能合约的 ABI 文件自动生成类型声明,这样可以在项目中使用对应的属性和方法。

实现过程

1. 安装依赖

如标题所述,项目需要安装 typechain 库:

yarn add typechain @typechain/ethers-v5 -D

2. 编写脚本

而后,需要在项目 package.json 文件中编写 scripts 脚本:

"typechain": "typechain --out-dir src/types/contracts --target ethers-v5 'src/abis/*.json'",

脚本命令中,由 --out-dir 指定 src/types/contracts 为输入目录,而目标目录则为 src/abis/*.json 文件。

执行脚本

最后执行 yarn typechain 命令就行。

总结

通过采用 TypeChain 并将其集成到开发环境中,便可以轻松地与合约交互并提升整体开发人员体验。


http://www.niftyadmin.cn/n/5231412.html

相关文章

应用于智慧交通的AI边缘计算盒子+AI算法软硬一体化方案

作为城市物质交换的关键通道、负责“输送养分”的交通脉络,承担着出行、货运、建设、联通、共治等城市运作/治理等繁重任务;作为新基建不可或缺的一部分,信迈通过前沿的AI技术实现高效的交通治超(超长、超重、超速)、治…

快速掌握Pyqt5的9种显示控件

Pyqt5相关文章: 快速掌握Pyqt5的三种主窗口 快速掌握Pyqt5的2种弹簧 快速掌握Pyqt5的5种布局 快速弄懂Pyqt5的5种项目视图(Item View) 快速弄懂Pyqt5的4种项目部件(Item Widget) 快速掌握Pyqt5的6种按钮 快速掌握Pyqt5的10种容器&…

前端vue + docxtemplater、jszip、jszip-utils实现word模板填充数据组件

前端vue docxtemplater实现word模板填充数据组建 首先,准备word模板,放在以下文件路径:public/templates/签到表.docx 其次,设计组建,期望传入的参数如下: exportData: 填充的数据 fileTempl…

Asp.Net Core Web Api内存泄漏问题

背景 使用Asp.Net Core Web Api框架开发网站中使用到了tcp socket通信,网站作为服务端开始tcp server,其他的客户端不断高速给它传输信息时,tcp server中读取信息每次申请的byte[]没有得到及时的释放,导致内存浪费越来越多&#…

uniapp 在线预览PDF

1、官网地址&#xff1a; https://mozilla.github.io/pdf.js/getting_started/ 2、解压文件到static中 3、定义查看组件FilePreview <template><view><web-view :src"allUrl"></web-view></view> </template><script> e…

深入理解VUE组件:父子组件详细说明及应用

文章目录 &#x1f342;引言&#x1f342;什么是父子组件&#x1f342;属性传递&#x1f341;父组件向子组件传递属性&#x1f33f;父组件代码示例&#x1f33f;子组件代码示例 &#x1f341;子组件向父组件传递属性&#x1f33f;子组件代码示例&#x1f33f;父组件代码示例 &a…

查看电脑cuda版本

1.找到NVODIA控制面板 输入NVIDIA搜索即可 出现NVIDIA控制面板 点击系统信息 2.WINR 输入nvidia-smi 检查了一下&#xff0c;电脑没用过GPU&#xff0c;连驱动都没有 所以&#xff0c;装驱动…… 选版本&#xff0c;下载 下载后双击打开安装 重新输入nvidia-smi 显示如下…

使用K-means把人群分类

1.前言 K-mean 是无监督的聚类算法 算法分类&#xff1a; 2.实现步骤 1.数据加工&#xff1a;把数据转为全数字&#xff08;比如性别男女&#xff0c;转换为0 和 1&#xff09; 2.模型训练 fit 3.预测 3.代码 原数据类似这样(source&#xff1a;http:img-blog.csdnimg.cn…