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

相关推荐
JarvanMo几秒前
浅谈Getx删库跑库了
前端
蚰蜒螟2 分钟前
深入剖析 Tomcat 9.0.53 源码:Web 资源管理与类加载机制
java·前端·tomcat
Mintopia2 分钟前
别再乱用工具函数:一套可控的 util 设计规则
前端
电报号dapp1195 分钟前
交易所开发:构建数字资产交易的安全与高效平台
安全·web3·去中心化·区块链·智能合约
光影少年6 分钟前
开发RN项目时,如何调试iOS真机、Android真机?常见调试问题排查?
android·前端·react native·react.js·ios
石小石Orz9 分钟前
邪修!让显示器支持AI、远程、手势三种控制方式
前端·ai编程
前端 贾公子10 分钟前
npm 包 postcss-logical 使用教程
前端
码码哈哈0.011 分钟前
IOS26风格的AI前端提示词
前端
东北甜妹12 分钟前
Redis Cluster 部署
前端·javascript·bootstrap
魔士于安14 分钟前
unity=>传送门特效 带自由视角旋转放大 鼠标操作
前端·游戏·unity·游戏引擎·贴图·模型