How to Switch to Particular Network using Window.Ethereum

Karthick S — Mon, 23 Jan 2023 16:56:15 +0000

In Web3, Almost Every Dapps were connected to a Particular Network. For Example, Beginners and Learning based projects are mostly connected to a Test Network.

When a Transaction triggered by the user, the Metamask will be connected and Perform the Transaction.In this, the user needs to manually Switch to a Particular Network to perform the Transaction.

Suppose, if the user is new to web3, he doesn't know! What network he need to switch.

So for that Coming up with the solution. Switch Network/chain in Metamask.

Here is a JavaScript Program to Switch from one Network or chain to other:

const SwitchNetwork = async (_chainId) => {
    let chainId = _chainId;
    await window.ethereum
      .request({
        method: "wallet_switchEthereumChain",
        params: [{ chainId: chainId }],
      })
      .then(() => console.log("Successfully! Connected to the requested Network"))
      .catch((err) => {
        if (err.message.startsWith("Unrecognized chain ID")) {
          addNewNetwork();
        }
      });
  };

From the above in catch() block, you can find addNetwork(). This will help the user to add Automatically connected to the Network,Which doesn't exist in his Metamask.

To know addNetwork(), Follow this!

https://dev.to/0x24karthick/how-to-add-custom-network-in-metamask-using-windowethereum-3mg

                        Happy Coding!

How to add Custom Network in Metamask using Window.Ethereum

Karthick S — Thu, 19 Jan 2023 18:20:22 +0000

What if! if the Metamask has no Network, The user wants to works with.He needs to add manually in Metamask.

It may take sometime. By Copy & Paste! by surfing other website and getting details.

Using ChainLink user can add the Network Easily. But Not all time, it won't works!

The Developer will have a query! Then How to I add Programmatically???

Here Comes up with a Solution!

A JavaScript code using Window.Ethereum.

A Program to Connect Polygon Mainnet Easily

const addNetwork = await window.ethereum.request({
        method: "wallet_addEthereumChain",
        params: [{
          chainId: "0x89",
          rpcUrls: ["https://polygon-rpc.com/"],
          chainName: "Matic Mainnet",
          nativeCurrency: {
            name: "MATIC",
            symbol: "MATIC",
            decimals: 18
          },
          blockExplorerUrls: ["https://polygonscan.com/"]
        }]
      });

Hope it may useful for Dapp Devs.

                    Happy Coding!

Forem: Karthick S

How to Switch to Particular Network using Window.Ethereum

How to add Custom Network in Metamask using Window.Ethereum