Integration Checklist
Estimated time to read: 5 minutes
Quickly integrate the Arcana SDKs to enable social login in your Web3 apps. Use these checklists, organized by your app’s specific use case:
- Chain Type: EVM or non-EVM
- App Type: Web, Wallet connector, Mobile, Gaming
Chain Type
Use this checklist for Web3 apps supported EVM chains.
-
1. Register Web3 app, get Arcana Client ID.
-
2. Use the pre-configured chain list and select active chains displayed in the Arcana wallet, set a chain as the default.
-
3. Configure Social Login providers through the dashboard (optional).
-
4. Install required SDKs. Depending upon the app type and usage, you may have to install one or more SDKs.
-
5. Integrate the app by following app-specific integration instructions:
-
6. Onboard users as per the app type and onboarding options:
-
7. Add code to issue supported Web3 wallet operations, JSON/RPC functions in the authenticated user's context.
Use this checklist for Web3 apps supported non-EVM chains.
-
1. Register the app and configure non-EVM Chain settings as per the chain type:
-
2. Configure Social Login providers through the dashboard (optional).
-
3. Install required SDKs. Depending upon the app type and usage, you may have to install one or more SDKs.
-
4. Integrate the app by following app-specific integration instructions:
-
5. Onboard users as per the app type and onboarding options:
-
6. Add code to issue supported Web3 wallet operations, and JSON/RPC functions in the authenticated user's context. Note that these supported functions may vary across chains:
App Type
Use this checklist for vanilla HTML/CSS/JS apps, React/NextJS, and Vue Web3 apps.
-
1. Register Web3 app, choose EVM/non-EVM chain type as required during app registration and configure the active and default chains via the dashboard. Get Arcana Client ID.
-
2. Configure Social Login providers through the dashboard (optional).
-
3. Install Arcana Auth SDK. For React/NextJS apps, also install the Arcana Auth React SDK.
-
4. Integrate the app by following app-specific integration instructions:
-
5. Onboard users as per the app type and onboarding options:
-
6. Add code to issue supported Web3 wallet operations, and JSON/RPC functions in the authenticated user's context. Note that the supported Web3 wallet operations may vary depending upon the chain type, EVM or non-EVM.
Use this checklist for Web3 apps using wallet connectors such as Wagmi, RainbowKit, WalletConnect and Web3-React.
-
1. Register Web3 app, choose EVM/non-EVM chain type as required and configure the active and default chains via the dashboard. Get Arcana Client ID.
-
2. Configure Social Login providers through the dashboard (optional).
-
4. Integrate the app by following app-specific integration instructions:
-
5. Onboard users as per the app type and onboarding options:
-
6. Add code to issue supported Web3 wallet operations, JSON/RPC functions in the authenticated user's context.
Use this checklist for Web3 mobile apps built using Flutter or React-Native frameworks.
-
1. Register Web3 app, choose EVM/non-EVM chain type as required during app registration and configure the active and default chains via the dashboard. Get Arcana Client ID.
-
2. Configure Social Login providers through the dashboard (optional).
-
3. Install Arcana Auth Flutter SDK or Arcana Auth React-Native SDK depending upon the app type.
-
4. Integrate the app and onboard users by following app-specific integration instructions:
-
5. Add code to issue supported Web3 wallet operations, and JSON/RPC functions in the authenticated user's context. Note that the supported Web3 wallet operations may vary depending upon the chain type, EVM or non-EVM.
Use this checklist for Web3 Unity apps.
-
1. Set up Unity packages before using Arcana SDKs.
-
2. Register Web3 app, choose EVM/non-EVM chain type as required and configure the active and default chains via the dashboard. Get Arcana Client ID.
-
3. Configure Social Login providers through the dashboard (optional).
-
5. Integrate the Unity app with the SDK.
-
6. Onboard users via a single line of code using the plug-and-play login UI.
-
7. Add code to issue supported Web3 wallet operations, JSON/RPC functions via the Arcana wallet in the authenticated user's context. Note that the supported Web3 wallet operations may vary depending upon the chain type, EVM or non-EVM.
Global Keys
Global keys automatically enable all supported social login providers for an app. No dashboard configuration is needed. When using global keys with a custom login UI, app developers can choose which providers to allow for user login. However, with the default plug-and-play login UI and global keys, disabling default social login providers is not possible.