使用viem与链上智能合约进行交互-Toy模板网

这篇具有很好参考价值的文章主要介绍了使用viem与链上智能合约进行交互。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

介绍

viem是一个由paradigm出品的ethers.js的替代品，相比后者，viem具有更小的软件包和更佳的性能，目前已经被sushiswap、mint.fun等项目采用，由于超高的性能，viem将来一定会成为ethers.js的一大竞争者，由于在CSDN还没有相关文章介绍，因此笔者就简要介绍一下如何利用viem与链上合约进行交互。

viem,区块链开发,智能合约,ethereum,区块链,javascript

交互

本文以调用goerli上的WETH合约为例进行讲解

读合约

在ethers.js 5.0中，我们想要利用自己的rpc url来创建新的provider会采用ethers.providers.JsonRpcProvider()的方式，而在viem中，会采用下面的方式创建新的provider：

import { createPublicClient, http } from 'viem'
import { goerli } from 'viem/chains'

const client = createPublicClient({
  chain: goerli,
  transport: http('https://rpc.ankr.com/eth_goerli')
})

特别的，如果不想使用自己的rpc，transport可以省略为transport: http()。

在ethers.js中，合约的abi可以直接使用human readable ABI，对于开发者来说，可以方便的直接从solidity代码中复制合约声明直接使用。而目前的viem暂时不支持human readable ABI，因此需要在与脚本文件相同文件夹下新建一个abi.js或者abi.ts文件，并在其中放入以下代码：

export const generalContract = {
    address: '0xB4FBF271143F4FBf7B91A5ded31805e42b2208d6',  // goerli 上WETH的合约地址
    abi: []  // 这里放入目标合约的ABI
    }

然后在主文件中引用该文件：

// javascript
import { generalContract } from './abi.js';
// typescript
import { generalContract } from './abi';

假如要检查某地址的WETH余额，则采用如下方式进行调用：

const balanceOf = await client.readContract({
        ...generalContract,
        functionName: 'balanceOf',
        args: ['your address here'],
    });
    console.log('Balance of:', balanceOf);

其他读合约方法与此相同，如果函数没有参数的话，args项可以省略。

写合约

写入合约需要有钱包，首先需要创建钱包对象，采用以下方式创建钱包对象：

const walletClient = createWalletClient({
  transport: custom(window.ethereum)
})

const [address] = await walletClient.getAddresses()
const account = getAccount(address)

创建合约对象的方式与读合约中的方式相同，调用合约使用以下方式

const request = await client.simulateContract({
  ...generalContract,
  functionName: 'withdraw',
  amount,
})
const supply = await walletClient.writeContract(request)