New to Web3?

Simply follow this guide and quickly get started with building a foundation before integrating a Web3 application with the Arcana Auth SDK.

Arcana Auth SDK enables Web3 applications to add user onboarding functions easily through several supported authentication providers. The authenticated users can instantly access the embedded Web3 Arcana wallet in the context of the integrated application and sign blockchain transactions. Developers can add code to perform Web3 wallet operations programmatically in the context of an authenticated user, e.g., sending tokens, checking wallet balance, standard Ethereum JSON-RPC calls for blockchain transactions, etc.

After the foundation, your next stop is to figure out when and how to use Arcana Auth SDK and build a basic Web3 app that integrates with it for onboarding users and allowing authenticated users to sign blockchain transactions.

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

• What is a Web3 app or dApp?

• How to build a Web3 app using CreateReactApp?

• How to build a Web3 app using the Vue starter kit?

• User onboarding and authentication methods:

  • Using popular Web2 Social OAuth and passwordless login
  • Difference between Web2 and Web3 authentication

• Blockchain basics

  • What is a blockchain?
  • What is transaction signing and why it is used in blockchain?
  • How to sign blockchain transactions?
  • What is a blockchain EIP-1193 standard provider?
  • What is a wallet and how it is used in the blockchain context?
  • Build a decentralized Book Rental Web3 app, set up smart contracts, and more.

• Basic cryptography

  • Role of cryptography in blockchain
  • Symmetric vs Asymmetric Encryption
  • Decentralized consensus mechanisms
  • Sharding and reconstructing cryptography keys - Shamir's secret sharing

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.

• What is Arcana Auth?

• Why should you use Arcana Auth SDK?

• How to use the Arcana Auth SDK in Web3 apps?

• Auth Use Cases

Step 2: Getting Started with the Arcana Auth SDK

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.

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.

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.

With the Arcana Auth SDK, developers can easily enable the embedded, non-custodial Arcana wallet for authenticated users and allow them to sign blockchain transactions. See the Arcana wallet Developer's Guide for details.

To learn about how the users access the Arcana wallet UI to perform Web3 operations and sign blockchain transactions, see the Arcana wallet User Guide.

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

Step 3a: Auth Example

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)

Step 3b: React Example

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

React Example

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.

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