how to connect metamask wallet with js

How to Connect Metamask Wallet with JS#

Metamask is a browser extension wallet that allows users to interact with Ethereum-based decentralized applications (DApps). It offers a secure way to manage and store digital assets, such as cryptocurrency. In this guide, we will walk through the steps to connect Metamask wallet with JS.

Step 1: Install Metamask#

The first step is to install the Metamask extension in your browser of choice. You can download it from the official website https://metamask.io/. Once installed, create a new wallet and follow the prompts to set up your account.

Step 2: Connect Metamask to Your Application#

The next step is to connect your Metamask wallet to your application. To do this, you will need to use the web3.js library, which is a collection of Ethereum-related functions that allow you to interact with the Ethereum blockchain.

var Web3 = require('web3');
var web3 = new Web3(window.ethereum);

// Request account access
window.ethereum.enable().then(function(accounts) {
  // You can now use web3.eth.accounts[0] for sending transactions.
});

The above code initializes the Web3 object and connects it to the user's Metamask wallet. It also requests account access from the user, allowing them to interact with the DApp.

Step 3: Interact with the Ethereum Blockchain#

Now that you have connected your Metamask wallet to your application, you can start interacting with the Ethereum blockchain. Here are some examples:

• Get Account Balance: To get the balance of the user's account, use the following code:

web3.eth.getBalance(web3.eth.accounts[0]).then(function(balance) {
  console.log(balance);
});

• Send Ether: To send Ether from the user's account to another address, use the following code:

var amount = web3.utils.toWei("1", "ether"); // 1 ether
var toAddress = "0x1234567890123456789012345678901234567890";

// Send transaction
web3.eth.sendTransaction({
  from: web3.eth.accounts[0],
  to: toAddress,
  value: amount
}).then(function(txHash) {
  console.log(txHash);
});

The above code sends 1 Ether from the user's account to the address specified in toAddress.

Conclusion#

In conclusion, connecting your Metamask wallet to your application is a straightforward process. By using the web3.js library, you can easily interact with the Ethereum blockchain and perform various functions, such as getting the user's account balance and sending Ether.