Quick Start: React Embedded Wallet Integration

2.1 Install Dependencies

2.2 Prepare Developer Console

Switch to the AA Wallet API service from the top service selector

Create a new application project and copy the exclusive project API Key, Bundler URL and Paymaster URL

Top up UPTICK tokens for the project to ensure sufficient balance for Gas sponsorship

WebAuth Url

    Mainnet: https://uptickauth.uptick.network/api
    Testnet: https://uptickauth.testweb.uptick.network/api

Pre-configuration

Create an OAuth application in Google Cloud Console

Go to APIs & Services → Credentials, create (or select) a project

Configure the OAuth consent screen (User Type: External; set App name, User support email, and Developer contact email; add test users if still in test mode)

Create an OAuth client ID with Application type Web application

Add the authorized redirect URI below and save, then copy the Client ID and Client Secret

Authorize redirect URI:

   Mainnet: https://uptickauth.uptick.network/api/auth/google/callback

   Testnet: https://uptickauth.testweb.uptick.network/api/auth/google/callback

Code Implementation

Pre-configuration

Create a Service ID in Apple Developer Console

Enable Sign in with Apple and configure domain: auth.uptick.network

Set authorization callback URL:

https://auth.uptick.network/auth/apple/callback

https://uptickauth.testweb.uptick.network/auth/apple/callback

Generate .p8 private key and JWT client secret

Code Implementation

Quick Start: React Embedded Wallet Integration

2.1 Install Dependencies#

2.2 Prepare Developer Console#

2.3 Initialize WebAuth Social Login#

2.4 Integrate Multi-channel Login#

2.4.1 Email Verification Code Login#

2.4.2 Google Social Login#

2.4.3 Apple Sign-in#

2.5 Initialize Core AA Wallet SDK#

2.1 Install Dependencies

2.2 Prepare Developer Console

2.3 Initialize WebAuth Social Login

2.4 Integrate Multi-channel Login

2.4.1 Email Verification Code Login

2.4.2 Google Social Login

2.4.3 Apple Sign-in

2.5 Initialize Core AA Wallet SDK