> For the complete documentation index, see [llms.txt](https://cocosstudio.gitbook.io/cocosstudio-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cocosstudio.gitbook.io/cocosstudio-docs/jian-ti-zhong-wen/evm/zai-cocos-creator-zhong-shi-yong-evm.md).

# 在Cocos Creator中使用EVM

### 使用viem库

Cocos creator 3.8.3以上版本兼容viem库, 直接使用既可

1. 安装viem库

```bash
npm install viem --save
```

2. 创建一个EVM实例

```typescript
import { createPublicClient, http } from 'viem'
import { mainnet } from 'viem/chains'
 
const client = createPublicClient({ 
  chain: mainnet, 
  transport: http(), //http()是公共client,也可以使用 wallet client换成 custom(window.ethereum!)
}) 

// 获取当前区块高度
const blockNumber = await client.getBlockNumber() 
```

更多操作请直接访问[viem官网](https://viem.sh/)

### 使用WalletConnect 的 web3modal

官方的web3modal不兼容cocos creator, 我们对[web3modal](https://github.com/WalletConnect/web3modal)库做了重新打包, 现在可以直接使用，目前兼容的是 5.1.6版本

1. 安装WalletConnect库

```bash
npm i @cocos-labs/web3modal-ethers5
```

2. 创建一个WalletConnect实例

```typescript
import { createWeb3Modal, useWeb3Modal } from '@cocos-labs/web3modal-ethers5'

    // 1. Get projectId from https://cloud.walletconnect.com
    const projectId = 'xxxxxxxxxxxxxxxxxxx'

    // 2. Set chains
    const mainnet = {
        chainId: 1,
        name: 'Ethereum',
        currency: 'ETH',
        explorerUrl: 'https://etherscan.io',
        rpcUrl: 'https://rpc.ankr.com/eth'
    }

    const bnbchain = {
        chainId: 56,
        name: 'BNB Smart Chain Mainnet',
        currency: 'BNB',
        explorerUrl: 'https://bscscan.com/',
        rpcUrl: 'https://bsc-dataseed4.ninicoin.io'
    }

    // 3. Create your application's metadata object
    const metadata = {
        name: 'My Website',
        description: 'My Website description',
        url: 'https://mywebsite.com', // url must match your domain & subdomain
        icons: ['https://avatars.mywebsite.com/']
    }

    // 4. Create Ethers config
    const ethersConfig = defaultConfig({
        /*Required*/
        metadata,

        /*Optional*/
        enableEIP6963: true, // true by default
        enableInjected: true, // true by default
        defaultChainId: 56
    })

    // 5. Create a AppKit instance
    this.evmConnect = createWeb3Modal({
        ethersConfig,
        chains: [mainnet, bnbchain],
        projectId,
        enableAnalytics: false // Optional - defaults to your Cloud configuration
    })

    // 6. Open the modal
    this.evmConnect.open({ view: 'Connect' })
```

更多操作请直接访问[web3modal](https://github.com/WalletConnect/web3modal)

社区交流 Telegram: <https://t.me/CocosStudioCommunity>