In immediately’s article, we’ll present you how you can construct decentralized purposes (dapps) on OP Mainnet utilizing Moralis’ industry-leading Web3 APIs. With our premier APIs, you’ll be able to seamlessly fetch and combine on-chain knowledge into your initiatives with solely single API calls. Consequently, when leveraging Moralis, you can begin constructing OP Mainnet initiatives sooner and extra effectively!
When you’re wanting to get going with the code, right here’s a bit sneak peek of three endpoints for querying a pockets’s native and NFT balances, together with the worth of a token:
getNativeBalance()
– Fetch the native steadiness of any pockets:
const response = await Moralis.EvmApi.steadiness.getNativeBalance({ "chain": "0xa", "tackle": "0xCBA6a2397b322CF1389f6d1adc05F75F36B20116" });
getWalletNFTs()
– Get the NFT steadiness of any pockets:
const response = await Moralis.EvmApi.nft.getWalletNFTs({ "chain": "0xa", "tackle": "0xCBA6a2397b322CF1389f6d1adc05F75F36B20116" });
getTokenPrice()
– Question the worth of any fungible token:
const response = await Moralis.EvmApi.token.getTokenPrice({ "chain": "0xa", "tackle": "0x4200000000000000000000000000000000000042" });
To discover different endpoints and our APIs in additional element, take a look at our official Moralis documentation web page or be a part of us on this article as we present you how you can construct on OP Mainnet with out breaking a sweat! Now, if you wish to comply with alongside all through this tutorial, don’t neglect to enroll with Moralis. You may create an account in a heartbeat, and also you’ll get immediate entry to our premier Web3 API suite!
Overview
We’ll kickstart immediately’s article by exploring the ins and outs of OP Mainnet. In doing so, we’ll clarify what the community is, the way it works, and canopy some advantages of constructing dapps on OP Mainnet. From there, we’ll introduce you to Moralis and our industry-leading Optimism API suite. After you have an outline of Moralis, we’ll bounce straight into the primary tutorial and present you how you can construct on OP Mainnet in three steps:
- Step 1: Create a Moralis Account and Get Your API Key
- Step 2: Select OP Mainnet API Endpoints
- Step 3: Write a Script and Run the Code
To high issues off, we’ll cowl a quick listing of OP Mainnet initiatives to present you some inspiration to your subsequent dapp!
If this sounds thrilling, be a part of us within the following part as we begin by discovering what OP Mainnet is!
What’s OP Mainnet?
OP Mainnet – also called Optimism – launched in 2021, and it’s a low-cost and lightning-fast ETH layer-2 (L2) scaling answer. This blockchain community serves as a basis for an unlimited ecosystem that encompasses a big selection of decentralized purposes (dapps). This consists of cryptocurrency wallets, decentralized exchanges (DEXs), and different outstanding Web3 initiatives!
So, why must you construct dapps on OP Mainnet? To reply this query, let’s have a look at three advantages of this community:
- Velocity and Effectivity: OP Mainnet leverages “optimistic rollup” expertise to bundle a whole lot of off-chain operations right into a single Ethereum transaction. In doing so, the community can considerably enhance Ethereum’s scalability by facilitating faster transactions at a low price. This makes OP Mainnet a extra environment friendly and cost-effective answer for finish customers and builders alike.
- Modern Infrastructure: By means of OP Mainnet’s Superchain undertaking, the community seeks to maximise interoperability and composability between blockchains utilizing the OP Stack. In doing so, OP Mainnet goals to combine a number of siloed L2 scaling options right into a single, unified layer.
- Scalable Ecosystem: With EVM-equivalence, all Ethereum dapps will work completely on OP Mainnet. This implies you should use the identical established improvement instruments to construct on OP Mainnet as you’d on Ethereum.
That provides you an outline of OP Mainnet and the advantages of this community. Within the subsequent part, we’ll introduce you to the best option to construct OP Mainnet dapps: Moralis!
Best Approach to Construct on OP Mainnet – Introducing Moralis
Moralis is an industry-leading Web3 API supplier, and its toolset of absolutely OP Mainnet-compatible APIs presently powers blockchain and crypto purposes for thousands and thousands of customers worldwide!
In Moralis’ suite of Web3 APIs, you’ll discover greater than ten interfaces for numerous use instances, together with the Pockets API, NFT API, and Token API. With these premier APIs, it’s potential to question blockchain knowledge with solely single strains of code. As such, you’ll be able to seamlessly construct OP Mainnet dapps each sooner and extra effectively utilizing Moralis.
Nonetheless, what makes Moralis stand out in comparison with the competitors? To reply this query, let’s discover three advantages of our premier Web3 APIs:
- Complete: All our API responses are enriched with metadata, transaction decodings, market knowledge, tackle labels, and rather more from a number of sources. This permits us to offer the {industry}’s most complete APIs which are designed with the result in thoughts, minimizing the variety of calls you should construct Web3 initiatives.
- Easy: Moralis is the one Web3 API supplier that’s easy and intuitive to make use of. All of our requests and responses adhere to the identical customary and construction throughout numerous APIs tailor-made for particular use instances.
- Trusted: Our Web3 APIs are trusted by a whole lot of 1000’s of builders and enterprise clients like MetaMask, Polygon, Delta, and many others. So, if you wish to emulate a few of the Web3 {industry}’s largest names, think about using Moralis.
When you’d prefer to discover all our interfaces, take a look at the official Web3 API web page!
Additionally, do you know which you can entry our Web3 APIs at no cost? Merely enroll with Moralis, and also you’ll be capable of construct OP Mainnet dapps with out breaking a sweat!
3-Step Tutorial: Methods to Construct on OP Mainnet
Now, with an outline of Moralis, let’s dive into the primary part of this information and present you how you can construct on OP Mainnet in three simple steps:
- Step 1: Create a Moralis Account and Get Your API Key
- Step 2: Select OP Mainnet API Endpoints
- Step 3: Write a Script and Run the Code
Nonetheless, earlier than you may get going, you should cope with a few conditions!
Conditions
Moralis’ Web3 APIs are appropriate with a number of programming languages, together with Python, Go, and many others. Nonetheless, on this tutorial, we’ll be utilizing JavaScript and NodeJS. As such, earlier than you proceed, ensure you have the next prepared:
Step 1: Create a Moralis Account and Get Your API Key
The very first thing you’ll want is a Moralis account. As such, should you haven’t already, click on on the ”Begin for Free” button on the high proper of Moralis’ homepage and arrange an account:
After creating an account and logging in, you’ll discover that Moralis has routinely arrange a brand new undertaking for you:
The very first thing chances are you’ll wish to do is rename the undertaking below ”Settings”:
Subsequent, scroll all the way down to the ”API Keys” part and replica your Moralis API key:
Please maintain it for now, as you’ll want it within the third step!
Step 2: Select OP Mainnet API Endpoints
On this part, we’ll dive a bit deeper into the varied APIs of Moralis to present you an outline of what OP Mainnet initiatives you’ll be able to construct with our premier instruments. Extra particularly, we’ll give attention to the next three APIs and their respective endpoints:
- Pockets API
- NFT API
- Token API
So, let’s kick this off by exploring the ins and outs of Moralis’ Pockets API!
Pockets API
Moralis’ Pockets API is the final word software for constructing cryptocurrency wallets and integrating pockets performance into OP Mainnet initiatives. The Pockets API helps 500+ million addresses throughout the largest blockchains, together with Ethereum, Polygon, BSC, and, in fact, OP Mainnet!
With this industry-leading software, you’ll be able to effortlessly question the native steadiness, NFT steadiness, profile knowledge, token transfers, transactions, and extra of any cryptocurrency tackle. As such, with the Pockets API, you’ll be able to construct all the things from portfolio trackers to cryptocurrency wallets on OP Mainnet with out breaking a sweat.
To spotlight the accessibility of this software, listed below are three outstanding endpoints you’ll doubtless discover useful when constructing dapps:
getNativeBalance()
– Question the native steadiness of any pockets tackle:
const response = await Moralis.EvmApi.steadiness.getNativeBalance({ "chain": "0xa", "tackle": "0xCBA6a2397b322CF1389f6d1adc05F75F36B20116" });
getNativeBalance() response:
{ "steadiness": "50640324378835108031" }
getWalletTransactions()
– Fetch the native transaction historical past of any pockets:
const response = await Moralis.EvmApi.transaction.getWalletTransactions({ "chain": "0xa", "tackle": "0x2a82ae142b2e62cb7d10b55e323acb1cab663a26" });
getWalletTransactions() response:
[ //... { "hash": "0x6cbb692563bfb4adfa0850a4d68cbed848ba9be2b73fe04f42a49b81305e3eab", "nonce": "13", "transaction_index": "5", "from_address": "0xcd3031fb7da6c6764466a6f77ec74e52a4cea810", "from_address_label": null, "to_address": "0x2a82ae142b2e62cb7d10b55e323acb1cab663a26", "to_address_label": null, "value": "27200000", "gas": "21000", "gas_price": "50000000", "input": "0x", "receipt_cumulative_gas_used": "363490", "receipt_gas_used": "21000", "receipt_contract_address": null, "receipt_root": null, "receipt_status": "0", "block_timestamp": "2023-11-18T09:10:23.000Z", "block_number": "112349923", "block_hash": "0xd92193788b4f8ed5c991819ecf22433a4a5eca8b45974c90115c852635dcc4d3", "transfer_index": [ 112349923, 5 ] }, //... ]
getWalletTokenBalances()
– Get the token balances of any pockets:
const response = await Moralis.EvmApi.token.getWalletTokenBalances({ "chain": "0xa", "tackle": "0x2a82ae142b2e62cb7d10b55e323acb1cab663a26" });
getWalletTokenBalances() response:
[ { "token_address": "0x7f5c764cbc14f9669b88837ca1490cca17c31607", "symbol": "USDC", "name": "USD Coin", "logo": null, "thumbnail": null, "decimals": 6, "balance": "2000000", "possible_spam": false, "verified_contract": true }, { "token_address": "0x4200000000000000000000000000000000000042", "symbol": "OP", "name": "Optimism", "logo": null, "thumbnail": null, "decimals": 18, "balance": "1294044371320286807123702580", "possible_spam": false, "verified_contract": true }, //... ]
NFT API
The NFT API helps over three million collections throughout ten+ EVM-compatible chains, together with all the things from well-established initiatives to tokens that dropped simply seconds in the past. Consequently, this software takes care of all of your NFT data-related improvement wants!
With the NFT API, you solely want single API calls to seamlessly fetch real-time NFT transfers, on-chain worth knowledge, enriched metadata, and extra. So, when working with this premier software, you’ll be able to construct all the things from NFT marketplaces to Web3 video games with ease.
Listed below are three outstanding endpoints to focus on the accessibility of our NFT API:
getNFTMetadata()
– Get the metadata of any NFT:
const response = await Moralis.EvmApi.nft.getNFTMetadata({ "chain": "0xa", "tackle": "0xB8Df6Cc3050cC02F967Db1eE48330bA23276A492", "tokenId": "1" });
getNFTMetadata() response:
{ "quantity": "1", "token_id": "1", "token_address": "0xb8df6cc3050cc02f967db1ee48330ba23276a492", "contract_type": "ERC721", "owner_of": "0xb09fa44ef3bcbd1bf2d35d5644a19e188d4c05f6", "last_metadata_sync": "2024-02-01T15:09:43.956Z", "last_token_uri_sync": "2024-02-01T15:09:42.794Z", "metadata": "{"identify":"Optipunk #1","description":"10,000 distinctive collectible characters with proof of possession saved on Optimism","attributes":[{"trait_type":"Type","value":"Male"},{"trait_type":"Accessory","value":"Smile"},{"trait_type":"Accessory","value":"Mohawk"}],"picture":"ipfs://QmbAhtqQqiSQqwCwQgrRB6urGc3umTskiuVpgX7FvHhutU/1.png"}", "block_number": "97749", "block_number_minted": "97749", "identify": "OptiPunk", "image": "OPPUNK", "token_hash": "364af8044f93145cf5859151b46223a3", "token_uri": "https://ipfs-metadata.moralis.io:2053/ipfs/QmZYqgu73bpovLt7Y4kYfCPUbbgdRfvcsja8YZsprKismB/1", "minter_address": "0xb09fa44ef3bcbd1bf2d35d5644a19e188d4c05f6", "verified_collection": false, "possible_spam": false }
getWalletNFTs()
– Fetch the NFT steadiness of a pockets:
const response = await Moralis.EvmApi.nft.getWalletNFTs({ "chain": "0xa", "tackle": "0xCBA6a2397b322CF1389f6d1adc05F75F36B20116" });
getWalletNFTs() response:
[ { "amount": "1", "token_id": "3569948", "token_address": "0xd12999440402d30f69e282d45081999412013844", "contract_type": "ERC721", "owner_of": "0xcba6a2397b322cf1389f6d1adc05f75f36b20116", "last_metadata_sync": "2024-02-01T15:03:42.174Z", "last_token_uri_sync": "2024-02-01T15:03:42.039Z", "metadata": "//...", "block_number": "107697133", "block_number_minted": "107306857", "name": "Omnichain Adventures", "symbol": "OMNIA", "token_hash": "f50ea59436c7eda79995a4e694d53f72", "token_uri": "https://yvsbrs5apkpplrjba65gcet4zbe3wsv6i5y3e44vgxcunjwopsmq.arweave.net/xWQYy6B6nvXFIQe6YRJ8yEm7Sr5HcbJzlTXFRqbOfJk", "minter_address": "0x8caf185283211beab492601825fee0b44f8633aa", "verified_collection": false, "possible_spam": false } ]
getNFTOwners()
– Question an array of all NFT homeowners for a given contract:
const response = await Moralis.EvmApi.nft.getNFTOwners({ "chain": "0xa", "tackle": "0xB8Df6Cc3050cC02F967Db1eE48330bA23276A492" });
getNFTOwners() response:
[ { "amount": "1", "token_id": "2329", "token_address": "0xb8df6cc3050cc02f967db1ee48330ba23276a492", "contract_type": "ERC721", "owner_of": "0x0331969e189d63fbc31d771bb04ab44227d748d8", "last_metadata_sync": "2024-02-01T15:10:32.987Z", "last_token_uri_sync": "2024-02-01T15:10:31.531Z", "metadata": "//...", "block_number": "135838", "block_number_minted": "135838", "name": "OptiPunk", "symbol": "OPPUNK", "token_hash": "6206b15eef897e716a8f943c61718039", "token_uri": "https://ipfs-metadata.moralis.io:2053/ipfs/QmZYqgu73bpovLt7Y4kYfCPUbbgdRfvcsja8YZsprKismB/2329", "minter_address": "0x0331969e189d63fbc31d771bb04ab44227d748d8", "verified_collection": false, "possible_spam": false }, //... ]
Token API
The Token API is the {industry}’s most complete software for fungible token knowledge, supporting each single token throughout greater than ten blockchains, together with OP Mainnet, Ethereum, Polygon, and BNB Good Chain!
With the Token API, you’ll be able to seamlessly fetch costs, transfers, balances, metadata, and rather more for any ERC-20 token. As such, when utilizing this premier API, you’ll be able to construct all the things from DEXs to token explorers very quickly.
To spotlight the accessibility of the Token API, listed below are three endpoints you’ll discover useful when constructing OP Mainnet dapps:
getTokenPrice()
– Get the worth of any fungible token:
const response = await Moralis.EvmApi.token.getTokenPrice({ "chain": "0xa", "tackle": "0x4200000000000000000000000000000000000042" });
getTokenPrice()
response:
{ "tokenName": "Optimism", "tokenSymbol": "OP", "tokenLogo": null, "tokenDecimals": "18", "nativePrice": { "worth": "1346688388542655", "decimals": 18, "identify": "Ether", "image": "ETH", "tackle": "0x4200000000000000000000000000000000000006" }, "usdPrice": 3.357083520606333, "usdPriceFormatted": "3.357083520606332971", "exchangeName": "Uniswap v3", "exchangeAddress": "0x1F98431c8aD98523631AE4a59f267346ea31F984", "tokenAddress": "0x4200000000000000000000000000000000000042", "priceLastChangedAtBlock": "115945253", "verifiedContract": true }
getTokenMetadata()
– Fetch the metadata of any token:
const response = await Moralis.EvmApi.token.getTokenMetadata({ "chain": "0xa", "addresses": [ "0x4200000000000000000000000000000000000042" ] });
getTokenMetadata() response:
[ { "address": "0x4200000000000000000000000000000000000042", "address_label": null, "name": "Optimism", "symbol": "OP", "decimals": "18", "logo": null, "logo_hash": null, "thumbnail": null, "block_number": "0", "validated": 1, "created_at": null, "possible_spam": false, "verified_contract": true } ]
getTokenTransfers()
– Question all transactions for a given token contract:
const response = await Moralis.EvmApi.token.getTokenTransfers({ "chain": "0xa", "tackle": "0x4200000000000000000000000000000000000042" });
getTokenTransfers() response:
[ { "token_name": "Optimism", "token_symbol": "OP", "token_logo": null, "token_decimals": "18", "from_address": "0x666936a007c8c2e70dd5aae9151fd50de858fb16", "from_address_label": null, "to_address": "0x2580fe0cdd3a2300f4fe9637e7d4b44d47f1f63b", "to_address_label": null, "address": "0x4200000000000000000000000000000000000042", "block_hash": "0x4f99ed7e331b422c87d73eed2a60e98417d072ed64d0ceab57e7479d76aeb58b", "block_number": "115945333", "block_timestamp": "2024-02-09T14:37:23.000Z", "transaction_hash": "0xf8e82cbe28afb6e3adea9ef0c34132588ff29a8cc16b0cc48cf516efc0a68d05", "transaction_index": 10, "log_index": 48, "value": "600000000000000000000", "possible_spam": false, "value_decimal": "600", "verified_contract": true }, ]
Step 3: Write a Script and Run the Code
When you select the suitable endpoints to your explicit undertaking, all that is still is so that you can name them. And we’ll present you precisely how to take action on this closing step of our tutorial!
On this case, we’ll use the getWalletTokenBalances()
endpoint for instance. Nonetheless, should you’re excited about another endpoint, fear not, as you’ll be able to comply with just about the identical steps for all endpoints.
Begin by establishing a folder in your IDE and run the terminal command under to initialize a brand new undertaking:
npm init
Subsequent, run the instructions under within the terminal to put in the Moralis SDK:
npm set up moralis @moralisweb3/common-evm-utils
From right here, open your ”package deal.json” file and add ”kind”: ”module”
:
You may then create a brand new ”index.js” file and add the next code:
import Moralis from 'moralis'; strive { await Moralis.begin({ apiKey: "YOUR_API_KEY" }); const response = await Moralis.EvmApi.token.getWalletTokenBalances({ "chain": "0xa", "tackle": "0x2a82ae142b2e62cb7d10b55e323acb1cab663a26" }); console.log(response.uncooked); } catch (e) { console.error(e); }
You now have to make a couple of small configurations to the code. To begin with, you should exchange YOUR_API_KEY
with the important thing you copied throughout step one. Subsequent, you additionally have to configure the tackle
parameter to suit your question:
From right here, you solely have to run the code. To take action, open a brand new terminal and execute the command under within the undertaking’s root folder:
node index.js
In return, you’ll get a response containing an array of the token balances of the desired tackle. It should look one thing like this:
[ { "token_address": "0x7f5c764cbc14f9669b88837ca1490cca17c31607", "symbol": "USDC", "name": "USD Coin", "logo": null, "thumbnail": null, "decimals": 6, "balance": "2000000", "possible_spam": false, "verified_contract": true }, { "token_address": "0x4200000000000000000000000000000000000042", "symbol": "OP", "name": "Optimism", "logo": null, "thumbnail": null, "decimals": 18, "balance": "1294044371320286807123702580", "possible_spam": false, "verified_contract": true }, //... ]
That’s it! You now know how you can question all the things from pockets balances to token transactions utilizing Moralis’ premier Web3 API suite. In flip, you’re now able to take your improvement endeavors to the following stage and begin constructing OP Mainnet dapps!
Dapp Concepts – Exploring a Listing of Optimism Tasks
With a greater understanding of how one can construct dapps on OP Mainnet utilizing Moralis’ Web3 APIs, you may now be on the lookout for some inspiration to your subsequent undertaking. Consequently, we’ll take this part to discover 5 outstanding OP Mainnet initiatives:
OP Mainnet Dapps | |||
Title | Description | ||
1. Stargate | Stargate is a number one liquidity transport protocol that enables customers to bridge belongings to OP Mainnet from different blockchains in a protected and safe method. | ||
2. Uniswap | Uniswap is an AMM DEX for buying and selling cryptocurrency tokens with out intermediaries. | ||
3. Aave | Aave is a DeFi platform permitting customers to lend and borrow crypto tokens. | ||
4. Curve | Curve is an AMM DEX specializing in stablecoins like USDC, DAI, and USDT. | ||
5. Perpetual Protocol | Perpetual Protocol is a number one decentralized change for buying and selling perpetual futures. |
If you wish to discover initiatives not lined above, please take a look at our complete listing of high Optimism dapps on Moralis’ Web3 Wiki!
Abstract: Methods to Construct on OP Mainnet
In immediately’s article, we confirmed you how you can construct on OP Mainnet with Moralis in three easy steps:
- Step 1: Create a Moralis Account and Get Your API Key
- Step 2: Select OP Mainnet API Endpoints
- Step 3: Write a Script and Run the Code
If in case you have adopted alongside this far, you now know how you can construct dapps on Optimism seamlessly! Additionally, should you haven’t already, don’t neglect to enroll with Moralis. You may enroll with the press of some buttons, and also you’ll acquire immediate entry to our industry-leading OP Mainnet API suite so you can begin constructing dapps sooner and extra effectively!