FCL is under heavy developments and the versions are not always backward compatible. We recommend that you use @blocto/fcl@^1.4.0 for now.
For why to use @blocto/fcl instead of @onflow/fcl, check out this for further information.
npm install @blocto/fcl@^1.4.0
yarn add @blocto/fcl@^1.4.0
pnpm install @blocto/fcl@^1.4.0
Configure Flow Networks & Blocto wallet URL
Blocto wallet provides two ways to communicate with FCL, according to your needs, choose one of them to configure your dApp. Visit to get further configuration settings.
Using front channel
import * as fcl from "@blocto/fcl";
fcl
.config()
// connect to Flow mainnet
.put("accessNode.api", "https://rest-mainnet.onflow.org")
// use Blocto wallet
.put(
"discovery.wallet",
`https://wallet-v2.blocto.app/${YOUR_DAPP_ID}/flow/authn`
)
import * as fcl from "@blocto/fcl";
fcl
.config()
// connect to Flow testnet
.put("accessNode.api", "https://rest-testnet.onflow.org")
// use Blocto testnet wallet
.put(
"discovery.wallet",
`https://wallet-v2-dev.blocto.app/${YOUR_DAPP_ID}/flow/authn`
)
Using back channel
import * as fcl from "@blocto/fcl";
fcl
.config()
// connect to Flow mainnet
.put("accessNode.api", "https://rest-mainnet.onflow.org")
// use Blocto wallet
.put(
"discovery.wallet",
"https://wallet-v2.blocto.app/api/flow/authn"
)
.put("discovery.wallet.method", "HTTP/POST")
.put("app.detail.id", YOUR_DAPP_ID)
import * as fcl from "@blocto/fcl";
fcl
.config()
// connect to Flow testnet
.put("accessNode.api", "https://rest-testnet.onflow.org")
// use Blocto testnet wallet
.put(
"discovery.wallet",
"https://wallet-v2-dev.blocto.app/api/flow/authn"
)
.put("discovery.wallet.method", "HTTP/POST")
.put("app.detail.id", YOUR_DAPP_ID)
