Web3 Provider

Search…

Web3 Provider

If your dApp is written using web3 and already works with MetaMask, it's super easy to integrate with Fortmatic. All you have to do is to swap your existing web3 provider with the Fortmatic provider and continue developing in the same version of web3 you use.
Replace Web3 Provider
1
import Fortmatic from 'fortmatic';
2
// Works for web3 1.0 and pre-1.0 versions
3
import Web3 from 'web3';
4
​
5
const fm = new Fortmatic('YOUR_API_KEY');
6
window.web3 = new Web3(fm.getProvider());
Copied!
MetaMask or dApp Browsers
You can also let existing users who have MetaMask installed to continue using MetaMask without disruption and direct new users without MetaMask to Fortmatic. This method also works with legacy dApp browsers.
1
import Fortmatic from 'fortmatic';
2
import Web3 from 'web3';
3
​
4
const fm = new Fortmatic('YOUR_API_KEY');
5
​
6
// Post EIP-1102 update which MetaMask no longer injects web3
7
if (window.ethereum) {
8
  // Use MetaMask provider
9
  window.web3 = new Web3(window.ethereum);
10
} else {
11
  // Use Fortmatic provider
12
  window.web3 = new Web3(fm.getProvider());
13
}
14
​
15
// Legacy dApp browsers which web3 is still being injected
16
if (typeof web3 !== 'undefined') {
17
  // Use injected provider
18
  window.web3 = new Web3(web3.currentProvider);
19
} else {
20
  // Use Fortmatic provider
21
  window.web3 = new Web3(fm.getProvider());
22
}
Copied!
Detecting the Fortmatic Provider
As a convenience, you can detect the Fortmatic web3 provider by checking for an isFortmatic property on the provider object. The following lines of code should evaluate to true when using the Fortmatic provider:
1
import Fortmatic from 'fortmatic';
2
import Web3 from 'web3';
3
​
4
const fm = new Fortmatic('YOUR_API_KEY');
5
​
6
fm.getProvider().isFortmatic // => true
7
​
8
window.web3 = new Web3(fm.getProvider());
9
window.web3.currentProvider.isFortmatic // => true
Copied!

Migrating from v1.x

Next - Web3 Integration

Network Configuration

Last modified 1yr ago

Copy link

Contents

Replace Web3 Provider

MetaMask or dApp Browsers

Detecting the Fortmatic Provider