Using Metamask with Harmony Smart Contracts

Search…
For instructions on how to install and setup Metamask to work with Harmony blockchain please click here.
Project Setup
The completed code can be found here.
For reference, the smart contract code will look as follows:
1
pragma solidity >=0.4.22 <0.8.0;
2
​
3
contract Counter {
4
    uint256 private count = 0;
5
    uint256 moneyStored = 0;
6
​
7
    function incrementCounter() public {
8
        count += 1;
9
    }
10
    function decrementCounter() public {
11
        count -= 1;
12
    }
13
​
14
    function addMoney() payable public {
15
        moneyStored += msg.value;
16
    }
17
​
18
    function getCount() public view returns (uint256) {
19
        return count;
20
    }
21
​
22
    function getMoneyStored() public view returns (uint256){
23
        return moneyStored;
24
    }
25
}
Copied!
For setting up your own project just replace the code in userWallet.js in One Wallet guide with the following.
1
import detectEthereumProvider from "@metamask/detect-provider";
2
​
3
let ethAddress;
4
let isAuthorised = false;
5
​
6
const handleAccountsChanged = (accounts) => {
7
  if (accounts.length === 0) {
8
    console.error("Not found accounts");
9
  } else {
10
    ethAddress = accounts[0];
11
​
12
    console.log("Your address: ", ethAddress);
13
  }
14
};
15
​
16
export const signInMetamask = async () => {
17
  const provider = await detectEthereumProvider();
18
​
19
  // @ts-ignore
20
  if (provider !== window.ethereum) {
21
    console.error("Do you have multiple wallets installed?");
22
  }
23
​
24
  if (!provider) {
25
    console.error("Metamask not found");
26
    return;
27
  }
28
​
29
  // MetaMask events
30
  provider.on("accountsChanged", handleAccountsChanged);
31
​
32
  provider.on("disconnect", () => {
33
    console.log("disconnect");
34
    isAuthorised = false;
35
  });
36
​
37
  provider.on("chainIdChanged", (chainId) =>
38
    console.log("chainIdChanged", chainId)
39
  );
40
​
41
  provider
42
    .request({ method: "eth_requestAccounts" })
43
    .then(async (params) => {
44
      handleAccountsChanged(params);
45
      isAuthorised = true;
46
    })
47
    .catch((err) => {
48
      isAuthorised = false;
49
​
50
      if (err.code === 4001) {
51
        console.error("Please connect to MetaMask.");
52
      } else {
53
        console.error(err);
54
      }
55
    });
56
};
57
​
Copied!
This will connect your metamask.
Making Calls
Setup your contract object. Ininit.js:
1
import { signInMetamask } from "./walletStore";
2
import Web3 from "web3";
3
import fs from "fs";
4
let but = document.getElementById("inputtButton");
5
​
6
let web3;
7
let contract;
8
​
9
async function setupContract() {
10
  let contractFile = fs.readFileSync("../build/contracts/Counter.json", {
11
    encoding: "UTF-8",
12
  });
13
  contractFile = JSON.parse(contractFile);
14
  const abi = contractFile.abi;
15
  const contractAddress = contractFile.networks["2"].address;
16
  await signInMetamask();
17
  web3 = new Web3(window.web3.currentProvider);
18
​
19
  const contractInstance = new web3.eth.Contract(abi, contractAddress);
20
  contract = contractInstance;
21
}
22
​
Copied!
Making a Payable Contract Call
1
​
2
async function demoInteraction() {
3
  await setupContract();
4
  const accounts = await web3.eth.getAccounts();
5
  console.log(accounts);
6
  const increment = await contract.methods
7
    .addMoney()
8
    .send({ from: accounts[0], value: web3.utils.wei });
9
  console.log(increment);
10
}
Copied!
Making a Read-Only Call
1
await setupContract();
2
const value = await contract.methods.getMoneyStored().call();
Copied!
Congratulations
You just completed the tutorial to interact with smart contract using metamask and web3 on Harmony Network!
Interacting With Metamask
Api to add Harmony chain to Metamask
Last modified 9mo ago
Export as PDF
Copy link
Contents
Project Setup
Making Calls
Congratulations