Getting Started on Account Abstraction on Flare with Etherspot and Web3Auth

Getting Started on Account Abstraction on Flare with Etherspot and Web3Auth

Written by

Alexandra

November 24, 2023

User experience plays a crucial role in the mass adoption of Web3. From the complexities of Web3 wallet creation to the mandatory possession of native chain tokens, these barriers hinder both newcomers and experienced users alike.

Etherspot is committed to building an advanced infrastructure that empowers developers to seamlessly enter the Account Abstraction ecosystem and provide their users with seamless Web3 user experience. In this article, we guide Flare developers on effortlessly integrating account abstraction into their dapps, showcasing the transformative benefits it brings.

Account Abstraction and ERC-4337

To address these challenges, the concept of Account Abstraction emerged, resulting in the Ethereum Improvement Proposal EIP-4337, or ERC-4337. In the current Ethereum landscape, there exist two main account categories: Externally Owned Accounts (EOAs) and Contract Accounts. EOAs, managed through private keys, interact with contract accounts to carry out transactions. Meanwhile, contract accounts are overseen by the deployed code on the network.

The ERC-4337 standard introduces account abstraction to the Ethereum network, enabling smart contracts to function as wallets and execute transactions on behalf of users. This groundbreaking development eliminates the need for users to manage private keys or hold ETH for gas fees.

ERC-4337 works on top of the blockchain without needing to change the blockchain itself. This renders it immediately applicable, whether on Ethereum or any EVM chain, with no substantial modifications to the fundamental blockchain infrastructure. ERC-4337 consists of key parts like UserOperations, Bundler, EntryPoint, Smart Account, Paymaster, and Aggregator.

  • UserOperations:

Replaces traditional transactions by sending operations to a higher-level mempool.

  • Bundler:

Acts as an intermediary, assembling transactions based on UserOperations and submitting them to the network.

  • Smart Account:

The end user’s account, capable of verifying UserOperations and supporting additional features like social recovery and multi-operations.

  • EntryPoint:

Serves as the initial point of entry for a UserOperation, determining the transaction execution flow and specifying involved contracts.

  • Paymaster:

Delegates the responsibility of paying gas fees, offering flexibility in handling transaction costs and settling fees with ERC20 tokens.

  • Aggregator:

Manages and collates the results of executed UserOperations, enhancing usability and efficiency.

How to implement Account Abstraction into any dapp on Flare

For developers on Flare looking to enhance their dapps and make them ERC-4337 compliant, Etherspot provides the essential tools. With the Prime AA SDK, Skandha Bundler, and Arka Paymaster, Etherspot facilitates the integration of Account Abstraction features, offering benefits such as Web2-like onboarding, a seamless multichain experience, fiat on/off ramp, gasless transactions, recovery guardians, and much more!

Check out the guide to integrating Etherspot Prime into your dapp on Flare.

👉 https://etherspot.fyi/getting-started-on-flare

For the people who want to dive right into the code, you can run these commands in the terminal to clone and deploy a functioning dapp on Flare!

git clone https://github.com/taylorferran/etherspot-flare.git

cd etherspot-flare

npm i

npm run start

Another way to get going with Account Abstraction on Flare is to use TransactionKit

Using this video guide you can find out how to interact with smart contracts on coston2 through a react dapp:

Web2-like Onboarding with Etherspot and Web3Auth

Etherspot teams up with Web3Auth to provide a smooth Web3 experience via social logins. This collaboration enables users to log in through platforms like Twitter, Discord or Google, establishing an Etherspot smart contract wallet for them to effortlessly engage with dapps.

Here is an example of a working Web3Auth social login implementation using the Etherspot Prime SDK. Don’t forget to replace WEB3AUTH_CHAIN_ID_HEX with 0x10 for Flare Testnet Coston, 0x72 for Flare Testnet Coston2 and 0xe for Flare Mainnet.

📚Etherspot Documentation 👉 https://etherspot.fyi/

📚Web3Auth Documentation 👉https://web3auth.io/docs/index.html

In case you have any questions regarding the integration, feel free to reach out to the Etherspot team on Discord.

Join the Flare Ecosystem Call with Etherspot & Web3Auth on November 28 at 13:00 UTC on X: https://twitter.com/i/spaces/1lDGLPYmrkoGm

During this session, we will explore UX challenges in Web3, the impact of Account Abstraction on Flare’s ecosystem, and how Etherspot and Web3Auth tackle these challenges, providing advantages for both developers and users.


Get In Touch:

Website | Twitter | Discord | Github | Telegram

Flare Network

Website | Twitter | Discord | Github

Web3Auth

Website | Twitter | Discord | Github

Powered by Etherspot

TransactionKit | BUIDLer React Component | Pillar Wallet | AirdropMe