使用 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 并将其集成到开发环境中,便可以轻松地与合约交互并提升整体开发人员体验。

相关推荐
Heo2 分钟前
原来Webpack在大厂中这样进行性能优化!
前端·javascript·vue.js
涔溪2 分钟前
Vue2 项目中通过封装 axios 来同时连接两个不同的后端服务器
前端·vue.js·axios
Codebee14 分钟前
SOLO+OODER全栈框架:图生代码与组件化重构实战指南
前端·人工智能
颜酱16 分钟前
CLI 工具开发的常用包对比和介绍
前端·javascript·node.js
Chen不旧24 分钟前
关于用户权限的设计,前端和后端都需要考虑
前端·权限
DsirNg24 分钟前
前端和运维的哪些爱
前端
7***318825 分钟前
Go-Gin Web 框架完整教程
前端·golang·gin
FinClip27 分钟前
FinClip助力银行整合多个App,打造一站式超级应用
前端
火柴就是我31 分钟前
从头写一个自己的app
android·前端·flutter
FinClip32 分钟前
小程序如何一键生成鸿蒙APP?FinClip助力企业快速布局Harmony OS生态
前端