Skip to content

Benefits & Usage

With Arcana Auth integrated apps, developers can accelerate app building, while users seamlessly take control of their identity.

Benefits

  • Flexibility in choosing and enabling popular login mechanisms to onboard app users: social login, passwordless, custom IAM providers, etc.
  • Ease of enabling popular blockchain networks for the authenticated users in Web3 operations: send, receive, NFTs, etc.
  • Simple to customize with the built-in plug-and-play login UI or use a custom login UI to onboard users
  • Speed of enabling the built-in, embedded, non-custodial Arcana wallet UI for app users or build and plug in a custom wallet UI
  • Manage the blockchain signing experience for the app users: wallet UI shows only when a transaction happens or at all times within the app context

Usage

Integrate any Web3 app with the Arcana Auth product with these simple steps:

1. Register & Configure App

Use Arcana Developer Dashboard to register the app, configure the user onboarding settings, and tailor the wallet user experience. Save the unique app identifier called the Client ID displayed in the dashboard after the app is registered. Client ID is required to integrate the app with the Arcana Auth SDK.

2. Install SDK & Integrate App

Install the appropriate SDK package and integrate as listed for each app type. Refer to the app-specific code samples for details.

Vanilla HTML/CSS/JS or Vue apps:

  • install the auth package
  • create the AuthProvider by specifying the unique Client ID assigned to the app

  • initialize the AuthProvider before calling its functions for onboarding users and Web3 wallet operations

    Note

    Developers can use the AuthProvider to obtain the standard Ethereum provider and use it for blockchain transactions.

React/NextJS apps:

  • install the auth and the auth-react packages
  • create the AuthProvider by specifying the unique Client ID assigned to the app
  • initialize the AuthProvider
  • create the ProvideAuth react component using the AuthProvider created earlier

Wagmi and RainbowKit apps:

  • install the auth and the auth-wagmi packages
  • create the AuthProvider by specifying the unique Client ID assigned to the app
  • initialize the AuthProvider
  • create an ArcanaConnector instance using the AuthProvider as input and use it to initialize the Wagmi/RainbowKit framework

Web3-React apps:

  • install the auth and the auth-web3-react packages
  • create an AuthProvider instance by specifying the Client ID as the input parameter
  • create an ArcanaConnector instance using the AuthProvider as input and use it to initialize the Web3-React framework

Mobile: Flutter apps:

Use the Arcana Pub.Dev Flutter plugin package. Refer to the Flutter Quick Start Guide

Mobile: React-Native apps:

Install the auth-react-native package. Refer to the React-Native Quick Start Guide.

For more details, see how to integrate with the Arcana Auth SDK and select the instructions for the app type. Also, refer to the tutorials section.

3. Onboard Users & Enable Wallet

After integrating with the requisite Arcana Auth SDK packages, add code to onboard users. Pick one of the options:

  • Use the built-in plug-and-play login UI to display the configured authentication providers
  • Alternately, build a custom UI and wire it to call the Arcana Auth SDK functions for the configured authentication providers

For details, see how to onboard users.

4. Deploy Apps

That's all!

Once the Web3 app is integrated with the Arcana Auth SDK and code is plugged in to onboard users, it is time to deploy the app!.

  1. deploy the app on the Arcana Testnet and validate
  2. create a Mainnet configuration profile and deploy the app on the Arcana Mainnet

Once deployed, users can easily onboard and sign blockchain transactions. See how to enable Web3 wallet operations for details.

Benefits

  • Onboard Arcana Auth enabled Web3 apps easily using popular Web2-like login options
  • Instantly access Web3 wallet for signing blockchain transactions after a successful login
  • Fully own and control access to the private key
  • Can self-recover key shares when switching devices
  • Securely access wallet and blockchain assets owned by them

Usage

Users need to simply log in and use the Web3 app that is integrated with the Arcana Auth SDK. They get immediate access to the wallet and can sign blockchain transactions.

Last update: September 21, 2023 by shaloo