v2.x
Web3 Integration
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!
Last modified 2yr ago