Skip to content

New to Web3?

New to Web3 Diagram New to Web3 Diagram

Are you new to Web3?

DW, We have you covered, read on!

Arcana Auth SDK allows Web3 apps to onboard users seamlessly through supported authentication providers. Authenticated users instantly access the embedded Arcana wallet, enabling them to sign blockchain transactions. Developers can programmatically perform Web3 wallet operations, such as token transfers and checking balances, and standard Ethereum JSON-RPC calls for blockchain transactions, in the user's context.

Tip

If you're experienced with Web3, including user onboarding, passwordless login, and Web3 wallet operations, feel free to skip the beginner's section and dive into the 'Understanding Arcana Auth' section below.

Beginners Journey

Get a firm grip on the topics listed under the prerequisites section. These will help you later while building your privacy-preserving Web3 apps by integrating with the Arcana Auth SDK.

Prerequisites

Step 1: Understanding Arcana Auth

Now that you are familiar with the basics, let us take a look at what Arcana Auth is and what it can do for Web3 app developers.

Step 2: Getting Started with the Arcana Auth SDK

Register App: To use the Arcana Auth SDK in your application, you need to first register the application using the Arcana Developer Dashboard. Configure social providers to onboard users before you integrate your application and call any Arcana Auth SDK functions in your application.

Install & Integrate App: After configuring application settings using the Arcana Developer Dashboard, you can install the Arcana Auth SDK and integrate your application. Once integrated, applications can access the AuthProvider interface to onboard users and enable authenticated users to sign blockchain transactions.

Onboard Users: There are two ways to add user onboarding functionality in an app using the Arcana Auth SDK by using built-in plug-and-play login UI or building a user login UI from scratch and adding code for enabling various supported authentication providers. For the new Web3 developers, we recommend the Arcana Auth SDK plug-and-play feature that is quick and easy to use. Seasoned developers can build custom user authentication UI. See User Onboarding Guide.

Wallet Ops: Developers can choose to enable the built-in Arcana wallet UI or plug in a custom wallet UI when integrating an app with the Arcana Auth SDK. Once authenticated, an embedded, non-custodial wallet is instantly available to users for signing blockchain transactions. See the Arcana wallet Developer's Guide for details. To learn about how the app users access the Arcana wallet UI to perform Web3 operations and sign blockchain transactions, see the Arcana wallet User Guide.

Deploy App: First deploy the integrated app on the Testnet and then migrate to the Mainnet. See Deployment Guide on how to deploy an app. Learn how to migrate an app deployed on the Testnet to the Mainnet.

Now that you understand the Arcana Auth SDK usage better let's get into some sample applications and coding!

Step 3: Example Code

This is a vanilla HTML/JS application that integrates with the Arcana Auth SDK, allows users to onboard via configured authentication providers and enables the authenticated users to sign blockchain transactions via the Arcana wallet.

Auth Example (GitHub)

Learn how to integrate Arcana Auth SDK in a simple React Application.

React Example

Milestone Achieved!

Congratulations!!!

You have now graduated to the next level - Web3 developer.

Step 4: Advanced Usage

For advanced options related to user onboarding and the Arcana Auth SDK usage, you can check out Arcana Auth SDK usage and Arcana Auth SDK Reference Guide. Refer to Auth Examples on GitHub to see how to integrate different types of apps with the Arcana Auth SDK.

Troubleshooting

If you run into any new user usage issues, check out Arcana Auth FAQs and Troubleshooting Guide.

Can't find what you are looking for?

Reach out to us at 📨 support@arcana.network

Last update: October 13, 2023 by shaloo