Quick Start
Tomo Connect SDK provides two important packages:
tomo-social-react
social-wallet-sdk
The tomo-social-react
provides all the UI components and the social-wallet-sdk
provides all the back-end interfaces for interacting with the wallet.
To integrate Tomo Connect SDK, you need to
Register your client ID
Initialize the
TomoSDK
fromsocial-wallet-sdk
with social loginPlace the react components from
tomo-social-react in
your application
Prepare the Client ID
Apply a client ID from Tomo's social dashboard via https://dashboard.tomo.inc, and configure the whitelist origin. For development purposes, http://localhost:port
is suggested to add to the whitelist.
Install & Initialize Tomo Connect SDK
The SDK can be installed using package managers like npm or yarn:
Initialize the SDK using the Client ID from the first step
Generally, users don't need to worry about how Tomo handles social media login. This is just a brief overview of how the Tomo Connect SDK manages user login.
Google OAuth2
Login with Google via the SDK
Twitter Login
Login with Twitter via the SDK
Email Login
Install & Initialize the UI Component
The UI component can be installed using package managers like npm or yarn:
Initialize the UI view and context provider
Once you successfully login and set up the passkey, the wallet page will be displayed.
Demo
Please refer to the online Demo: https://socialwallet-react-prod.tomo.inc/login And the source code: https://github.com/UnyxTech/social-wallet-kit
Last updated