Metamask - Interact with Ethereum in your Browser
This post introduces Metamask, how to install it in different browsers, add Ethereum (ETH) to a test account, and explore first interactions with a Web3 application.
Why Use Metamask?
How do you connect regular users to DApps? Can you interact with the Ethereum blockchain in an intuitive and user-friendly manner? Metamask set out with a mission "make Ethereum as easy to use for as many people as possible." Metamask allows you to interact with the Ethereum blockchain from the convenience of your preferred browser.
Regular web browsers rely on HTTP requests from your computer to a web server to communicate. In a decentralized network, like Ethereum, the challenge is there is no single server to communicate with. To access the Ethereum blockchain, you would have to:
- Set up a full Ethereum node on your computer to communicate with other Ethereum nodes (not practical for an average user.)
- Install an Ethereum client like Mist or Parity which are hard to install, clunky and not user-friendly.
- An Ethereum Wallet: Allows you to store and send any standard Ethereum-compatible tokens (ERC-20 tokens).
- An Identity Vault: Allows you to manage your identities on different sites using a secure single sign-on process and interact with multiple DApps with different addresses as well as sign blockchain transactions. This keeps your data disconnected from each other while protecting your identity as well.
- A Blockchain connection: Allows a fast connection to the Ethereum blockchain without the need to run a full node. Developers can also design and run Ethereum DApps from their browsers as well.
You can install the MetaMask add-on in Chrome, Firefox, Opera, and Brave browser. The installation is pretty straightforward across the browsers. In this post, we walk you through installing Metamask on the Chrome browser.
Step 1: Go to the Chrome Webstore and search for Metamask in the Extensions search box.
Step 2: Click Add to Chrome to install Metamask.
Alternatively you can go directly to metamask.io to get the extension.
Step 3: Accept the notification and click Add Extension to install.
The install is complete when you see the Metamask fox logo on the upper right corner of your browser.
Step 4: Click the Metamask Fox logo on your browser and press Continue.
Step 5: Create your Metamask password.
Metamask shows you your unique account image (as above.)
Step 7: Reveal your Secret Back up Phrase and Save it then press Next.
NOTE: You must save your Secret Back up Phrase on your hard drive, flash drive AND write it down on paper too. It's the only way to get back into your Metamask account.
Step 8: Confirm your Secret Back up Phrase and click Confirm.
You are now on the Ethereum Main Network.
Adding ETH to a Test Account
To experiment with Metamask, select one of the test networks like Ropsten, Kovan, or Rinkeby. For this example use Ropsten.
Step 1: Click on Deposit to add tokens to your test account.
Step 2: Click Get Ether from the Test Faucet.
Step 3: Click Request 1 Ether from Faucet.
Step 4: Confirm the Metamask notification asking to connect the Test Ether Faucet to your account.
Step 5: View Transaction details and Account Balance.
Metamask's Interaction with a Web3 Application: Cryptokitties
There are various DApps to explore depending on your interest. For our example, we explore Metamask's interaction with Cryptokitties. Cryptokitties is a game created through blockchain technology that allows users to collect and breed cat-like creatures called "Cryptokitties."
Step 1: Go to the Cryptokitties site and click on Start Meow.
Step 2: Confirm the Metamask notification to Connect.
Step 3: Enter your email address and Nickname to create a CryptoKitties account.
Step 5: Sign in to your wallet to digitally confirm the transaction and explore the CryptoKitty world!