How to integrate Paymaster on Abstract Chain with a simple API call?

Summary

This demo showcases integrating Sci-fi's API with a Dapp, highlighting its native account abstraction for gas usage. The focus is on enabling transactions paid in any token, exemplified by a mock ERC20 token on a testnet. The process includes connecting a wallet, using the API to execute transactions like token transfers without gas fees, and signing payloads with a wallet. The integration is simplified with tools like Rainbow Kit and Wagi, demonstrating a seamless user experience with Etherscan verification.

Takeaways

• 🚀 The video is a demo on integrating Sci-Fi's API with a Dapp for gas abstraction.
• 💳 Sci-Fi is a pay-as-a-service product that abstracts gas usage in blockchain interactions.
• 💡 Gas sponsoring is a popular use case, allowing users to perform operations like submitting NFDs or executing swaps without gas fees.
• 🔄 The demo focuses on enabling users to pay for transactions using any token, exemplified with a mock ERC20 token on a testnet.
• 🎨 The presenter showcases a web design with a connected wallet balance for the mock token.
• 🛰️ Interaction with the smart contract is done indirectly by sending a request to Sci-Fi's API, specifying the function, parameters, and payment token.
• 🔑 The API responds with a payload that the user signs with their wallet, executing the transaction without token approvals.
• 🔍 The demo includes transferring tokens between wallets, demonstrating the process on Etherscan and showing a small amount of tokens used to pay for the transaction.
• 🛠️ Integration of Sci-Fi's API into code is shown using Rainbow Kit and Wagi for blockchain interaction on the custom Abstract testnet.
• 📝 The script outlines steps for encoding functional data, preparing API requests, fetching responses, and creating a wallet client for transaction preparation.
• 🔗 The final step is sending a transaction with the wallet client's signature and waiting for the receipt, completing the integration process.

Q & A

What is the main purpose of the demo presented in the script?

The main purpose of the demo is to show how to integrate sci-fi's API with a database to abstract gas usage when interacting with the blockchain, focusing on enabling users to pay for transactions using any token.

What is sci-fi's API and how does it relate to Master as a Service (DBaaS)?

Sci-fi's API is a service that allows for abstracting gas usage when interacting with the blockchain. It is related to DBaaS in the context of the demo as it provides a way to handle gas costs and token transactions without direct interaction with smart contracts.

What are the two popular use cases of sci-fi's API mentioned in the script?

The two popular use cases mentioned are gas sponsoring, which allows a DB to cover its user's gas cost, and enabling users to pay for transactions using any token.

Why is gas sponsoring a useful feature for users?

Gas sponsoring is useful because it allows users to perform operations such as submitting NFTs or executing swaps on a DEX without having to pay for the gas costs themselves.

What is the role of the mock ERC20 token in the demo?

The mock ERC20 token serves two purposes in the demo: it is used to pay for gas and also as the token for performing transfer transactions.

How does the API handle the process of transferring tokens without gas?

The API handles the process by sending a request specifying the function to call, its parameters, and the token for payment. It then responds with a payload that the user signs with their wallet, and the transaction is executed automatically.

What does the term 'abstract test net' refer to in the context of the demo?

The 'abstract test net' refers to a test network environment where the demo is deployed, allowing for the testing of the sci-fi API and its functionalities without using real assets.

How is the transaction executed after the user signs the payload from the API?

After the user signs the payload, the transaction is automatically executed by the system, without the need for token approvals, and the user's wallet is debited a small amount to pay for the transaction.

What is Etherscan and why is it mentioned in the demo?

Etherscan is a blockchain explorer that allows users to view transaction details on the Ethereum blockchain. It is mentioned in the demo to show the transaction details after the transfer of tokens.

How does the integration of sci-fi's API into the code work in the demo?

The integration involves setting up with Web3.js and using a custom chain (abstract test net), encoding the functional data for the transfer, preparing the API request payload, fetching the response, creating a wallet client, finding the user's latest nonce, and preparing the transaction data for the paymaster.

What is the final step in the integration process after preparing the transaction data?

The final step is to send the transaction, which triggers the signature from the wallet client, and then wait for the transaction receipt to confirm the transaction's completion.