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

前言

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

实现过程

1. 安装依赖

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

javascript 复制代码
yarn add typechain @typechain/ethers-v5 -D

2. 编写脚本

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

javascript 复制代码
"typechain": "typechain --out-dir src/types/contracts --target ethers-v5 'src/abis/*.json'",

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

执行脚本

最后执行 yarn typechain 命令就行。

总结

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

相关推荐
2401_82749999几秒前
python核心语法05-模块
java·前端·python
ShineWinsu1 分钟前
Chrome安全机制深度解析技术文章
前端·chrome·安全
EnoYao1 分钟前
把你们开发扒个底朝天 Skill
前端·后端·程序员
程序员 沐阳5 分钟前
从内容管控到硬件隔离:Chrome 安全防护体系深度拆解
前端·chrome·安全
IT_陈寒9 分钟前
JavaScript开发实战:从入门到精通
前端·人工智能·后端
Highcharts.js11 分钟前
Highcharts 前端导出详解:如何实现纯客户端导出(Offline Exporting)
前端·客户端·导出·highcharts·导出图片
qq_3813385016 分钟前
React 18+ 并发特性深度解析:从原理到企业级性能优化实战
前端·react.js·性能优化
一只小阿乐20 分钟前
react中的zustand 模块化
前端·javascript·react.js·react状态管理·zustand
劳埃德福杰26 分钟前
Windows系统卸载Edge浏览器
前端·windows·edge
hzxpaipai26 分钟前
外贸网站制作:为何派迪科技做的网站性能与打开速度如此不错?
开发语言·前端·网络·科技·安全