Fortmatic
WebsiteDashboardSupport
v2.x
v2.x
  • 🚀Get Started
  • 📦Install with NPM
  • 🧩Examples
  • 💬FAQ
  • 📈Migrating from v1.x
  • Web3 Integration
    • Web3 Provider
    • Network Configuration
    • Binance Smart Chain
    • Get User Account
    • Send Ether Transaction
    • Smart Contract Functions
    • User Signing
    • SDK Error Handling
    • Batch Request
  • Smart Contract
    • ERC20 Transfer
    • ERC20 Approve
    • ERC20 TransferFrom
    • Generic Contract Call
  • Fortmatic Native
    • Log In
    • Log Out
    • Is User Logged In
    • Compose Transaction
    • Deposit Address
    • Configuration
  • More
    • Fiat On-ramp
    • Domain Verification
Powered by GitBook
On this page
  • Hello World Walkthrough
  • Step 1: Include Fortmatic SDK Script
  • Step 2: Setup Developer API Key
  • Step 3: Send Transaction Implementation
  • Your First Fortmatic dApp! 🎉

Was this helpful?

Get Started

NextInstall with NPM

Last updated 1 year ago

Was this helpful?

Fortmatic SDK allows you to easily integrate your app with the Ethereum blockchain, whether you already have a dApp integrated with web3 or are starting from scratch. Fortmatic provides a smooth and delightful experience for both you and your app's users.

This documentation for the Fortmatic Javascript SDK will get you started in minutes!

Hello World Walkthrough

Let's start by building a simple Ethereum wallet dApp that uses Fortmatic to send test Ether transactions to other users.

👉 Go to our on CodePen to get started.

Step 1: Include Fortmatic SDK Script

Install Fortmatic SDK to your dApp by including a script tag between the "TODO" comment lines on the CodePen editor.

<!-- TODO: Step 1: Include Fortmatic SDK Script -->
<script src="https://cdn.jsdelivr.net/npm/fortmatic@latest/dist/fortmatic.js"></script>
<!-- End Step 1 -->

or download Fortmatic SDK to your project via NPM.

$ npm i --save fortmatic@latest

Step 2: Setup Developer API Key

Create a Fortmatic instance with your API key with the following script and replace your existing web3 provider.

Make sure to use your Testnet key for this tutorial.

// TODO: Step 2: Setup Developer API Key
// You must specify the testnet chain
let fm = new Fortmatic('YOUR_TEST_API_KEY', 'goerli');
web3 = new Web3(fm.getProvider());
// End Step 2

Step 3: Send Transaction Implementation

You can implement web3 functionalities just like how you would normally with MetaMask.

// TODO: Step 3: Send Transaction Implementation
web3.eth.sendTransaction({
  // From address will automatically be replaced by the address of current user
  from: '0x0000000000000000000000000000000000000000',
  to: address,
  value: web3.utils.toWei(amount, 'ether')
});
// End Step 3

Your First Fortmatic dApp! 🎉

After putting the 3 code snippets above into the editor, click on the Send Transaction button in the web preview and voilà! Your app is now blockchain enabled!

You need to sign up or log into your to get your API keys:

🚀
Hello World Tutorial
Read More
Fortmatic dashboard