Ramper Documentation
  • 🌟WELCOME
  • 👨‍💻Developer Guide
    • Developer Dashboard
  • 🔐EMBEDDED WALLET SDK
    • Quickstart
      • For Web Apps
        • Multichain Supported
          • Wallet Integration
          • Approve NFT
          • Approve Token
          • Sign Typed
        • Get Started on Viction
      • For Unity Apps
      • For Telegram Mini Apps
        • Set up Telegram bot
        • Implement Ramper Telegram SDK
      • For React Native Apps
        • Installation
        • Getting Started
        • Wallet Integration
        • Sign Typed
        • Approve
    • Terms & Conditions
    • Privacy Policy
  • 💜RAMPER WALLET
    • About Ramper Wallet
    • 📖User Guides
      • Authentication
      • How to send NFTs
      • How to sign in to a new account
      • Wallet settings
      • How to Send & Receive tokens
      • How to add custom tokens
      • Manage Tokens
      • General settings
      • How to send assets via email
      • How to use Vault
      • How to send assets via OneID
      • How to migrate accounts from Old version to New version
    • ❓User FAQs
      • Which networks are supported on Ramper?
      • What social accounts can I use to log in to Ramper?
      • What is the difference between a Password and a Passphrase?
      • Zero-gas transactions
      • Does Ramper hold my funds?
      • Can I import my wallet from Ramper to another Web3 wallet?
      • Can I import my wallet to Ramper?
      • Why can't I see my assets?
      • What is gas fee?
      • Can I get my assets back if I send them to the wrong addresses?
      • I forgot the password of my social accounts. How can I access my funds on Ramper?
      • What happens if my social account is compromised?
      • Can I recover my wallet if I lose my social account?
      • Can I change the email that is associated with my wallet address?
      • I can't find the answer to my question. How can I get support?
      • What is a Protected Account?
      • I forgot the PIN code to log in to Ramper Wallet. How can I access my funds?
      • Which email domains are blocked?
    • Ramper Wallet (Extension) Integration
      • EVM Dapp Integration
      • Sei Dapp Integration
    • Privacy Policy
    • Terms of Service
  • 💸NFT CHECKOUT SDK
    • About Ramper NFT Checkout
    • Get Started on EVM
    • Get Started on NEAR
    • Setting Up Your Collection
    • Moving Your Collection to Production
    • Purchase History
    • Terms of Service
    • Privacy Policy
  • Import
Powered by GitBook
On this page
  • Supported Chains
  • Initialization
  • Notes
  • User sign-up & sign-in
  • Get the current signed in user
  • Logging Out
  • Disclaimer
  1. EMBEDDED WALLET SDK
  2. Quickstart
  3. For Web Apps

Multichain Supported

PreviousFor Web AppsNextWallet Integration

Last updated 3 months ago

Supported Chains

This is a list of chains that we're currently supports. You can find the chain from @ramer-v2/core

Chain Name
Chain ID
Network

Viction

88

Mainnet

Polygon

137

Mainnet

Binance Smart Chain

90

Mainnet

Chiliz

88888

Mainnet

ZkSync Era

324

Mainnet

Ethereum

1

Mainnet

Orange

61022

Mainnet

Viction Testnet

89

Testnet

Orange Testnet

61022

Testnet

Initialization

For simple initialization, you need to have an appId for creating an app in Ramper, please visit this to create a new app. Then you can use the following code:

import {
  init
} from "@ramper-v2/multi";
 
 
...
 
const handleInit = async () => {
  await init({
    appId: "your-app-id",
  });
};
 

Notes

You can also use some custom parameters to initialize Ramper. Please note that those optional parameters are only applied if config from your app is not provided.

Here are some parameters you can use:

Parameter
Type
Description

config

Record<string, string>

This one will be provided by the Ramper team

theme

dark or light

This will change theme for wallet UI

coinInfo

CoinInfo

The list of coins to display and calulation

language

en or kr

Select supported language

walletTabs

string

Select initial wallet tab

partner

string

Select partner default is ramper

logoURI

string

Logo URI for display through the wallet

User sign-up & sign-in

import { signInWithProvider, signIn } from '@ramper-v2/multi'
 
const signInResult = await signInWithProvider({ provider });
 
const signInResult = await signIn();

There are two ways to sign in a user. The first way is to use the signInWithProvider function, which takes a provider as an argument. The provider can be one of the following: google, facebook, or email. The second way is to use the signIn function, which will show a modal with all the available providers.

Get the current signed in user

import { getUser } from '@ramper-v2/multi'
 
const user = await getUser()
 
if (user) {
  console.log(user)
}

Logging Out

Users can log out or disconnect their wallet with:

import { signOut } from '@ramper-v2/multi'
 
await signOut()

Yup, it really is just that easy!

If there's any feature you would like to see or design patterns you would like for the Ramper team to adopt.

Disclaimer

Our current SDK is in active development. The interface described above and the functionalities provided are subject to change.

🔐
link