不同网络连接小狐狸

Metamask中切换至BSC和ETH网络的函数实现,

最新推荐文章于 2025-09-07 21:17:08 发布

我的小狗很很可爱

最新推荐文章于 2025-09-07 21:17:08 发布

阅读量229

点赞数

CC 4.0 BY-SA版权

文章标签：前端

本文链接：https://blog.csdn.net/chhpearl/article/details/128645488

该笔记提供两个异步函数，分别用于引导用户在Metamask钱包中添加BinanceSmartChain(BSC)主网和切换到Ethereum网络。函数通过`wallet_addEthereumChain`和`wallet_switchEthereumChain`方法与Metamask交互，使用`process.env.REACT_APP_CHAIN_ID`获取链ID，并处理可能的错误情况。

这笔记主要是记录，毕竟只有7秒记忆。

连bnb链：

/**
 * Prompt the user to add BSC as a network on Metamask, or switch to BSC if the wallet is on a different network
 * @returns {boolean} true if the setup succeeded, false otherwise
 */
export const setupNetwork = async () => {
  const provider = window.ethereum
  if (provider) {
    const chainId = parseInt(process.env.REACT_APP_CHAIN_ID, 10)
    try {
      await provider.request({
        method: 'wallet_addEthereumChain',
        params: [
          {
            chainId: `0x${chainId.toString(16)}`,
            chainName: 'Binance Smart Chain Mainnet',
            nativeCurrency: {
              name: 'BNB',
              symbol: 'bnb',
              decimals: 18,
            },
            rpcUrls: nodes,
            blockExplorerUrls: [`${BASE_BSC_SCAN_URL}/`],
          },
        ],
      })
      return true
    } catch (error) {
      console.error('Failed to setup the network in Metamask:', error)
      return false
    }
  } else {
    console.error("Can't setup the BSC network on metamask because window.ethereum is undefined")
    return false
  }
}

连eth：

export const setupNetwork = async () => {
  const provider = window.ethereum
  if (provider) {
    const chainId = parseInt(process.env.REACT_APP_CHAIN_ID, 10)
    try {
      await provider.request({
        method: 'wallet_switchEthereumChain',
        params: [
          {
            chainId: `0x${chainId.toString(16)}`,
          },
        ],
      })

      return true
    } catch (error) {
      console.error('Failed to setup the network in Metamask:', error)
      return false
    }
  } else {
    console.error("Can't setup the ETH network on metamask")
    return false
  }
}

主要是调用的方法和参数不同