Skip to content

Commit

Permalink
Add flow blockchain
Browse files Browse the repository at this point in the history
  • Loading branch information
shahbaz17 committed Nov 15, 2024
1 parent e0814df commit e3e79fd
Show file tree
Hide file tree
Showing 12 changed files with 697 additions and 0 deletions.
24 changes: 24 additions & 0 deletions docs/connect-blockchain/evm/flow/android.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
---
title: Integrate Web3Auth with the Flow Blockchain in Android
sidebar_label: Android
image: "banners/flow.png"
keywords: [android, flow, web3auth, authentication, blockchain]
description: "Integrate Web3Auth with the Flow Blockchain in Android | Documentation - Web3Auth"
---

import EVMInteraction from "@site/src/common/docs/android-connect-blockchain/_evm-interaction.mdx";
import SEO from "@site/src/components/SEO";

<SEO
title="Integrate Web3Auth with the Flow Blockchain in Android"
description="Integrate Web3Auth with the Flow Blockchain in Android | Documentation - Web3Auth"
image="https://web3auth.io/docs/banners/flow.png"
slug="/connect-blockchain/evm/flow/android"
/>

While using the Web3Auth Android SDK, you get the private key within the user scope after successful
authorization. This private key can be used to retrieve the user's address, and interact with
[Flow](https://developers.flow.com/) to make any blockchain calls. We have highlighted a few here
for getting you started quickly on that.

<EVMInteraction />
72 changes: 72 additions & 0 deletions docs/connect-blockchain/evm/flow/flow.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
---
title: Integrate Web3Auth with the Flow Blockchain
hide_table_of_contents: true
image: "banners/flow.png"
description: "Integrate Web3Auth with the Flow Blockchain | Documentation - Web3Auth"
---

import Tiles from "@theme/Tiles";
import SEO from "@site/src/components/SEO";

<SEO
title="Integrate Web3Auth with the Flow Blockchain"
description="Integrate Web3Auth with the Flow Blockchain | Documentation - Web3Auth"
image="https://web3auth.io/docs/banners/flow.png"
slug="/connect-blockchain/evm/flow"
/>

Integrate Web3Auth seamlessly with EVM-based Flow blockchain. For Web SDKs, Web3Auth returns a
provider that can be directly used to initialize the libraries like ethers.js, web3.js etc. and make
blockchain calls, while for Mobile & Gaming SDKs, the private key is available in the user scope
which can be used in a similar way to initialize the respective blockchain interaction libraries and
make calls to the network.

This documentation provides a straightforward guide for developers looking to implement blockchain
connections quickly and effortlessly across various platforms.

export const Flow = [
{
name: "",
description: "",
tiles: [
{
key: "web",
title: "Web",
icon: "logo-js.png",
path: "/connect-blockchain/evm/flow/web",
},
{
key: "android",
title: "Android (Kotlin)",
icon: "logo-android.png",
path: "/connect-blockchain/evm/flow/android",
},
{
key: "apple",
title: "iOS (Swift)",
icon: "logo-apple.png",
path: "/connect-blockchain/evm/flow/ios",
},
{
key: "flutter",
title: "Flutter",
icon: "logo-flutter.png",
path: "/connect-blockchain/evm/flow/flutter",
},
{
key: "react-native",
title: "React Native",
icon: "logo-react.png",
path: "/connect-blockchain/evm/flow/react-native",
},
{
key: "unity",
title: "Unity",
icon: "logo-unity.png",
path: "/connect-blockchain/evm/flow/unity",
},
],
},
];

<Tiles tileGroups={Flow} />
26 changes: 26 additions & 0 deletions docs/connect-blockchain/evm/flow/flutter.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
---
title: Integrate Web3Auth with the Flow Blockchain in Flutter
sidebar_label: Flutter
image: "banners/flow.png"
keywords: [flutter, flow, web3auth, authentication, blockchain]
description: "Integrate Web3Auth with the Flow Blockchain in Flutter | Documentation - Web3Auth"
---

import EVMInteraction from "@site/src/common/docs/flutter-connect-blockchain/_evm-interaction.mdx";
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
import SEO from "@site/src/components/SEO";

<SEO
title="Integrate Web3Auth with the Flow Blockchain in Flutter"
description="Integrate Web3Auth with the Flow Blockchain in Flutter | Documentation - Web3Auth"
image="https://web3auth.io/docs/banners/flow.png"
slug="/connect-blockchain/evm/flow/flutter"
/>

While using the Web3Auth Flutter SDK, you get the private key within the user scope after successful
authorization. This private key can be used to retrieve the user's address, and interact with
[Flow](https://developers.flow.com/) to make any blockchain calls. We have highlighted a few here
for getting you started quickly on that.

<EVMInteraction />
27 changes: 27 additions & 0 deletions docs/connect-blockchain/evm/flow/ios.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
---
title: Integrate Web3Auth with the Flow Blockchain in iOS/Swift Applications
sidebar_label: iOS
image: "/docs/banners/flow.png"
keywords: [ios, swift, flow, web3auth, authentication, blockchain]
description:
"Integrate Web3Auth with the Flow Blockchain in iOS/Swift Applications | Documentation - Web3Auth"
---

import EVMInteraction from "@site/src/common/docs/ios-connect-blockchain/_evm-interaction.mdx";
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
import SEO from "@site/src/components/SEO";

<SEO
title="Integrate Web3Auth with the Flow Blockchain in iOS/Swift Applications"
description="Integrate Web3Auth with the Flow Blockchain in iOS/Swift Applications | Documentation - Web3Auth"
image="https://web3auth.io/docs/banners/flow.png"
slug="/connect-blockchain/evm/flow/ios"
/>

While using the Web3Auth iOS SDK, you get the private key within the user scope after successful
authorization. This private key can be used to retrieve the user's address, and interact with
[Flow](https://developers.flow.com/) to make any blockchain calls. We have highlighted a few here
for getting you started quickly on that.

<EVMInteraction />
180 changes: 180 additions & 0 deletions docs/connect-blockchain/evm/flow/react-native.mdx

Large diffs are not rendered by default.

95 changes: 95 additions & 0 deletions docs/connect-blockchain/evm/flow/unity.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
---
title: Integrate Web3Auth with the Flow Blockchain in Unity
sidebar_label: Unity
image: "banners/flow.png"
keywords: [unity, flow, web3auth, authentication, blockchain]
description: "Integrate Web3Auth with the Flow Blockchain in Unity | Documentation - Web3Auth"
---

import InstallationSnippet from "@site/src/common/docs/unity-connect-blockchain/_evm-installation.mdx";
import GetAccountSnippet from "@site/src/common/docs/unity-connect-blockchain/_evm-get-account.mdx";
import UserInfoSnippet from "@site/src/common/docs/unity-connect-blockchain/_evm-user-info.mdx";
import GetBalanceSnippet from "@site/src/common/docs/unity-connect-blockchain/_evm-get-balance.mdx";
import InitialisationSnippet from "@site/src/common/docs/unity-connect-blockchain/_evm-initialisation.mdx";
import SignMessageSnippet from "@site/src/common/docs/unity-connect-blockchain/_evm-sign-message.mdx";
import SendTransactionSnippet from "@site/src/common/docs/unity-connect-blockchain/_evm-send-transaction.mdx";
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
import SEO from "@site/src/components/SEO";

<SEO
title="Integrate Web3Auth with the Flow Blockchain in Unity"
description="Integrate Web3Auth with the Flow Blockchain in Unity | Documentation - Web3Auth"
image="https://web3auth.io/docs/banners/flow.png"
slug="/connect-blockchain/evm/flow/unity"
/>

While using the Web3Auth Unity SDK, you get the private key within the user scope. This private key
can interact with the [Nethereum Library](https://nethereum.com/) to make EVM-based blockchain
calls, like getting the user's `account`, fetch `balance`, `sign transaction`, `send transaction`,
`read` from and `write` to the smart contract, etc. We have highlighted a few here to get you
started quickly on that.

## Installation

<InstallationSnippet />

## Chain Details for Flow

<Tabs
defaultValue="mainnet"
values={[
{ label: "Mainnet", value: "mainnet", },
{ label: "Testnet", value: "testnet", },
]}
>
<TabItem
value="mainnet"
>

- Chain ID: `0x2eb`
- Public RPC URL: `https://mainnet.evm.nodes.onflow.org`
- Display Name: Flow Mainnet
- Block Explorer Link: `https://evm.flowscan.io/`
- Ticker: FLOW
- Ticker Name: FLOW

</TabItem>

<TabItem
value="testnet"
>

- Chain ID: `0x221`
- Public RPC URL: `https://testnet.evm.nodes.onflow.org`
- Display Name: Flow Testnet
- Block Explorer Link: `https://evm-testnet.flowscan.io`
- Ticker: FLOW
- Ticker Name: FLOW

</TabItem>
</Tabs>

## Initialize

<InitialisationSnippet />

## Get User Info

<UserInfoSnippet />

## Get Account

<GetAccountSnippet />

## Get Balance

<GetBalanceSnippet />

## Sign a message

<SignMessageSnippet />

## Send Transaction

<SendTransactionSnippet />
Loading

0 comments on commit e3e79fd

Please sign in to comment.