Are you new to Web3?
We have you covered!
Simply follow this guide to quickly get started and build your foundation before you get into building a Web3 application that is integrated with the Arcana Auth SDK.
Arcana Auth SDK allows Web3 application developers to quickly plug in user onboarding functions via social and passwordless login. It also provides authenticated users to access the embedded Web3 Arcana wallet in the application and sign blockchain transactions.
Tip
If you are already familiar with how Web3 works, typical social authentication mechanisms, passwordless login, using Web3 wallet provider to sign blockchain transactions in your dApp, you can jump right into the Arcana Quick Start Guide and start integrating with the Auth SDK.
After the foundation, your next stop is to figure out when and how to use Arcana Auth SDK and build a basic dApp that utilizes Arcana SDKs.
Beginners Journey
Get a firm grip on the topics listed under the prerequisites section. These will help you later while building your privacy-preserving dApps using Arcana SDKs.
Prerequisites
- What is a dApp?
- How to build a dApp using CreateReactApp?
- How to build a dApp using 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 dApp, 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 Network
Now that you are familiar with the basics, let us take a look at what Arcana Network is and what it can do for you.
Step 2: Getting Started with Auth SDK
To use 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 Auth SDK functions in your application.
After configuring application settings using the dashboard, you can install the Auth SDK and integrate your application. Once integrated, applications can access AuthProvider
interface to onboard users and enable authenticated users to sign blockchain transactions.
The Auth SDK supports two options for onboarding users via social providers. For the new Web3 developers, we recommend the Arcana Auth SDK plug and play feature that offers a built-in user authentication UI to onboard users. Seasoned developers can build custom user authentication UI. For details, see how to onboard users guide.
Developers can easily enable Arcana wallet for authenticated users and allow them to sign blockchain transactions. See developer's guide for enabling Web3 operations using Arcana wallet.
To learn about how the users access Arcana wallet UI to perform Web3 operations and sign blockchain transactions, see Arcana wallet User's Guide.
Now that you understand Arcana Auth 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 Auth SDK, onboards users, and allows authenticated users to sign blockchain transactions using the Arcana wallet.
Step 3b: React Example
Learn how to integrate Arcana Auth SDK in a simple React Application.
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 Auth SDK usage, you can check out Auth SDK usage and Auth SDK Reference Guide.
Troubleshooting
If you run into any new user usage issues, check out Arcana FAQs and Troubleshooting Guide.
Can't find what you are looking for?
Reach out to us at 📨 support@arcana.network