🍌
EVM-XCM Jungle Toolkit
  • πŸ“—Introduction
    • 🌴What is the EVM-XCM Jungle Toolkit?
    • 🧐Why use this toolkit?
    • πŸ‘ͺWho is this toolkit made for?
    • βš’οΈWhat tools are this toolkit made of?
  • ↔️Build an EVM+Substrate wallet compatible architecture in your dApp
    • ⁉️Two different standards
      • ℹ️Addresses Format
      • 🎭Public Key vs Hash-based
      • πŸ“©Multichain compatibility
      • ⚑Account Types
    • β˜‘οΈRecommended wallets
      • 🦊MetaMask
      • ☸️SubWallet
      • 🀚Talisman
    • 🟒The EVM address standard
      • πŸ”Get an address for a Signer
        • πŸ‘οΈCheck the validity of the address
      • πŸ’°Get the native balance of a Signer
        • Get an ERC20 token's balance
      • πŸŽ‡Get the chain information for a Signer
    • πŸ”΅The Substrate address standard
      • πŸ”Get an address for a Signer
        • πŸ‘οΈCheck the validity of the address
      • πŸ’°Get the native balance of a Signer
      • πŸŽ‡Get the chain information for a Signer
    • πŸ“§Mapping of addresses
    • 🀝Implement multiple wallet support on your dApp front-end
      • πŸ’šUnderstanding the EVM provider/signer concepts
      • ❀️Understanding the Keyring concept
      • πŸ”‘Sign and send EVM transactions
      • πŸ—οΈSign and send Substrate extrinsics
    • πŸ“šRessources
  • ➑️Build a cross-chain transaction from any EVM-chain to a Substrate-based chain using IBC and XCM
    • ⁉️Understanding the flow
    • πŸ¦‘Transfer tokens to Moonbeam Parachain using Squid SDK from any EVM chain
    • πŸͺCreate & execute a transaction on the source chain before bridging tokens (pre-hook)
    • πŸͺCreate & execute a transaction on Moonbeam after bridging tokens (post-hook)
    • ✨Create & execute a swap using Stellaswap pools to obtain xcTokens
    • πŸ™ŒWrap-up
    • πŸ“šRessources
  • ⬅️Build a cross-chain transaction from a Substrate-based chain to Moonbeam chain
    • ⁉️Understanding the flow
    • πŸ’‘Using LightSpell API to generate valid XCM calls
    • πŸŒ‰Transfer tokens between parachains (or relay chain) using XCM and ParaSpell SDK
    • πŸ™ŒWrap up
    • πŸ“šRessources
  • ⏩Build batches on source and destination chains using Squid and batch precompile
    • ⁉️Understanding the flow
    • πŸ‘ŒUnderstanding the batch precompile
    • βœ…Create a batch transaction compatible with Squid router
    • πŸͺIntegrate a batch into a Hook using Squid
    • πŸ™ŒWrap up
    • πŸ“šRessources
  • πŸ”Build a gas-less transaction from/to an EVM/Substrate chain using callPermit
    • ⁉️Understanding the flow
    • πŸ”‹Generating the data to sign
    • ✍️Collecting the signature
    • 🌐Relaying the signature
    • ⚑Executing the transaction
    • πŸ™ŒWrap up
    • πŸ“šRessources
  • πŸ”€Build a custodial solution to make your dApp wallet-less & gas-less using EIP-712
    • ⁉️Understanding the flow
    • ⛓️Smart contract
    • βš™οΈBack end
  • πŸ”½Examples of working cross-chain dApps made using the Jungle Toolkit
    • 🌴Case Study: The Great Escape
      • The Player Structure
      • The xDeposit Function
      • The xRegister Function
Powered by GitBook
On this page
  • The provider
  • The different types of providers available in ethers:
  • Declare a provider using ethers:
  • The signer
  • Use a signer using ethers and send a transaction:
  1. Build an EVM+Substrate wallet compatible architecture in your dApp
  2. Implement multiple wallet support on your dApp front-end

Understanding the EVM provider/signer concepts

In this section you'll learn what a provider and a signer are and how to use them.

The provider

A provider in Ethers.js serves as a bridge between your application and the Ethereum blockchain. It facilitates communication, allowing your application to retrieve information from the Ethereum network. Think of it as a window into the blockchain, providing you with data without exposing the complexities of the underlying infrastructure.

The different types of providers available in ethers:

Declare a provider using ethers:

const { ethers } = require('ethers');

// Replace the moonbeam RPC by your desired RPC provider
const provider = new ethers.providers.JsonRpcProvider(`https://moonbeam.unitedbloc.com`);

// Now you can use the provider to interact with the EVM blockchains
provider.getBlockNumber().then((blockNumber) => {
  console.log('Current Block Number:', blockNumber);
});

The signer

Moving on to the concept of a signer, it plays a crucial role in facilitating transactions on the Ethereum blockchain. A signer is responsible for signing transactions with a private key, providing the necessary authorization to execute actions like sending Ether or interacting with smart contracts.

Use a signer using ethers and send a transaction:

const { ethers } = require('ethers');

// Replace 'your_private_key' with the private key of your Ethereum account
const privateKey = 'your_private_key';
const wallet = new ethers.Wallet(privateKey);

// Now, the wallet acts as a signer, allowing you to sign transactions
const transaction = {
  to: '0x0123456789ABCDEF0123456789ABCDEF01234567', // Replace with the recipient's address
  value: ethers.utils.parseEther('1.0'), // Sending 1 Ether
};

wallet.sendTransaction(transaction).then((transactionHash) => {
  console.log('Transaction Hash:', transactionHash);
});

Last updated 1 year ago

↔️
🀝
πŸ’š