New to Web3?
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.
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.
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.
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:
Blockchain basic topics:
- 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.
Blockchain advanced topics:
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.
Learn how to integrate Arcana Auth SDK in a simple React Application.
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.
Can't find what you are looking for?
Reach out to us at 📨 firstname.lastname@example.org