【区块链】走进web3的世界-RPC切换功能记录

最新推荐文章于 2024-03-23 14:44:45 发布

兵腾傲宇

最新推荐文章于 2024-03-23 14:44:45 发布

阅读量544

点赞数

文章标签：区块链 web3 rpc

本文链接：https://blog.csdn.net/qq_23334071/article/details/130180045

版权

本文详细记录了在web3应用中实现RPC网络切换的过程，从switchNetwork组件的设计到RPC网络的具体配置，再到实际调用切换操作，全方位探讨了区块链技术在web3中的应用。

摘要由CSDN通过智能技术生成

1、switchNetwork组件

import { ethers } from 'ethers'
/**
 * 切换网络方法
 * @param chainId 网络ID
 * @param RpcInfo rpc信息
 *  @chainName String  网络名称
 *  @Nodes String  新的 RPC URL
 *  @BlockExplorerUrls String  区块浏览器 URL（可选）
 * @param nativeCurrency 货币信息
 *  @name 货币名称
 *  @decimals 位数
 */
export const switchNetwork = async (netInfo) => {
    const provider = new ethers.providers.Web3Provider(window.ethereum);
    // 当前网络信息
    const network = await provider.getNetwork();
    // 当前网络和域名网络一致
    if (netInfo.chainId && network.chainId == netInfo.chainId) {
        console.log('当前网络和域名网络一致');
        return true;
    }
    let hex_chainId = ethers.utils.hexValue(netInfo.chainId);
    console.log('hex_chainId :' + hex_chainId);
    try {
        // 切换到传入的网络
        await provider.send('wallet_switchEthereumChain', [
            { chain