Skip to main content

FuseBox Login using MetaMask

In this tutorial, we will guide you through the process of implementing user authentication using MetaMask, ethers.js, and FuseBox Web SDK in a decentralized application (DApp). This tutorial assumes you have a basic understanding of JavaScript, Ethereum, and Web3 development.


  • Basic knowledge of JavaScript
  • MetaMask wallet extension installed in your browser
  • FuseBox Web SDK API Key

Implementing the Connection Logic

import { FuseSDK } from "@fuseio/fusebox-web-sdk";
import { ethers } from "ethers";

const connect = async () => {
let signer = null;
let provider;

if (window.ethereum == null) {
console.log("MetaMask not installed; using read-only defaults");
provider = ethers.getDefaultProvider();
} else {
provider = new ethers.BrowserProvider(window.ethereum);
signer = await provider.getSigner();

const apiKey = "YOUR_API_KEY"; // Replace with your FuseBox API key
const fuseSDK = await FuseSDK.init(apiKey, signer);

console.log(`Logged in, ${fuseSDK.wallet.getSender()}`);
// Perform additional actions after successful login, e.g., update UI


Make sure to replace "YOUR_API_KEY" with your actual FuseBox API key.