Connect to Blocto wallet through Flow Client Library (FCL)
Step 1 - Configure FCL
import * as fcl from "@blocto/fcl";
fcl.config({
"accessNode.api": "https://rest-testnet.onflow.org", // connect to Flow testnet
"discovery.wallet": `https://wallet-v2-dev.blocto.app/${YOUR_DAPP_ID}/flow/authn` // use Blocto testnet wallet
});
Alternatively, if you already have user's email and would like to pre-fill it for user's Blocto account, you can use the custom discovery.wallet URL instead:
import * as fcl from "@blocto/fcl";
const USER_EMAIL = "client@email.com";
fcl.config({
"accessNode.api": "https://rest-testnet.onflow.org", // connect to Flow testnet
"discovery.wallet": `https://wallet-v2-dev.blocto.app/${YOUR_DAPP_ID}/flow/authn/${USER_EMAIL}` // use Blocto testnet wallet
});
Step 2 - Authenticate
import * as fcl from "@blocto/fcl";
// fires everytime account connection status updates
fcl.currentUser().subscribe(console.log);
// authenticate
fcl.authenticate();
Step 3 - Unauthenticate
import * as fcl from "@blocto/fcl";
// fires everytime account connection status updates
fcl.currentUser().subscribe(console.log);
// unauthenticate and clear account info in FCL
fcl.unauthenticate();