Smart Accounts on ZKsync Layer 2 with Web3.js

Oleksii Kosynskyi

Oct 1, 2024 — 2 min read

In the previous articles, we explored setting up the environment and working with traditional wallets. In this article, we will delve into a powerful feature of the ZKsync network: Smart Accounts.

Smart Accounts extend the standard wallet functionality by offering greater flexibility and programmability, enabling users to customize their account’s behavior. This article will guide you through the basics of using Smart Accounts, including balance checks, transfers, withdrawals, and sending transactions.

Prerequisites

Before proceeding, ensure you have set up your local environment as described in the first article.

Step 1: Initializing

First, ensure the environment is initialized as shown in previous examples. We use Web3.js with the ZKsync plugin to interact with the ZKsync network.

Step 2: Querying Balances

Once the smart account is initialized, you can easily query both the ETH and token balances on Layer 2.

These methods provide a seamless way to check balances on Layer 2.

Step 3: Performing Withdrawals

Here’s how you can withdraw both ETH and tokens.

These withdrawal examples show how simple it is to transfer assets back to Layer 1 using Smart Accounts.

Step 4: Transferring Funds

With Smart Accounts, transferring assets between accounts on Layer 2 is just as easy. You can transfer ETH or any ERC-20 token, as demonstrated below.

Step 5: Sending Signed Transactions

Finally, Smart Accounts provide the ability to sign and send transactions.

With these features, Smart Accounts gives you flexibility, efficiency, and programmability on Layer 2, allowing for more advanced use cases.

Conclusion

Smart Accounts in the ZKsync network provide advanced functionality for interacting with Layer 2, allowing you to handle operations like withdrawals, transfers, and signed transactions efficiently. Their programmability makes them a vital tool for developers working on sophisticated applications in the Ethereum Layer 2 ecosystem.

In the next article gives, we will explore the Paymaster feature, which allows users to sponsor transaction fees and offers greater flexibility for gas management. Stay tuned!

Helpful Links and Resources

Here are the essential links to help you get started:

Web3.js Plugin for ZKsync: You can find the official plugin repository here.
Examples for Using the Plugin: I've also prepared a dedicated repository with all the code examples from this tutorial and more, which you can access here.
ZKsync Web3.js Documentation: For more detailed information and resources, check out the official documentation here.

Setting Up Your ZKsync Development Environment with Web3.js Plugin

If you’re looking to develop on the ZKsync Era network and integrate it with Web3.js, you’re in the right place. This guide will walk you through the initial setup required to get your local environment ready for development and testing. We’ll cover cloning the necessary repositories,

Working with the ZKsync L2 Provider Using web3-plugin-zksync

In the previous article, we covered how to set up a local ZKsync environment and connect it to the Web3.js plugin. Now, we’ll take it a step further by exploring how to interact with the ZKsync Layer 2 provider. By the end of this guide, you’ll know

Working with Wallets on ZKsync using Web3.js

Before jumping into wallet interactions, make sure you have already set up your local ZKsync environment as described in the previous article on setting up the ZKsync environment. It’s crucial to have a functional environment to interact with Layer 2 and execute the wallet operations discussed here. If you

Paymaster on ZKsync Layer 2 with Web3.js

In this article, we explore the Paymaster feature in ZKsync, which allows users to sponsor transaction fees. This is a powerful tool that provides flexibility, enabling users to handle gas fees in a more customizable manner. Before diving into this, ensure you have followed the steps from the previous articles,