As such, it is not uncommon that dApp developers integrate the functionality that allows users to sign up and authenticate with MetaMask. Second, we need to select a region, and finally, we also need to choose network(s). , 0096176817976| , 0096176817976| ( ) , , 0096176817976- , 0096176817976| , 0096176817976| 48 , 0096176817976- , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| 1041 , 0096176817976| ( ) ( ) , 0096176817976- : 1000 , | 0096176817976 : 11 () 11 () 11 () 11 () 15 , - 0096176817976 . For example, you can utilize the system to develop your own NFT marketplace, build your first dApp, create a DeFi dashboard, and much more. Initially, this function authenticates users with MetaMask unless an argument is passed. WalletConnect works with over 75 leading wallets where MetaMask, Rainbow, Trust Wallet, and Argent are the most popular ones. Clicking this button will provide three different alternatives. In turn, youll be able to experience how you can authenticate users quickly by using a single line of code provided by Moralis. If youd rather look at a video where one of Moralis experts explains the process, tune in to the Moralis YouTube channel, where the following clip showcases the process in video format: To initialize Moralis, we need a server. {} . , - 0096176817976 ( , - 0096176817976 , | 0096176817976 , | 0096176817976 106 , | 0096176817976 , | 0096176817976 , 0096176817976| , 0096176817976| , | 0096176817976 , | 0096176817976 , | 0096176817976 , | 0096176817976 7 , | 0096176817976 , | 0096176817976 , | 0096176817976 , | 0096176817976 , | 0096176817976 , | 0096176817976 : , | 0096176817976 , | 0096176817976 , | 0096176817976 , | 0096176817976 , | 0096176817976 , 0096176817976| , 0096176817976| , | 0096176817976 , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| . As such, we will in this article take a closer look at what WalletConnect is and how you can utilize it with Moralis to authenticate Web3 users. Furthermore, it is possible to utilize WalletConnect to authentic dApp users, and it is straightforward when working with Moralis. Be the first to find out everything about the latest tech! Moralis Web3 TechnologyAB Org.nr: 559307-5988[emailprotected], Access all Moralis Features through our REST API, Articles About the Blockchain and Crypto Industry, News About the Blockchain and Crypto Industry, Great Way to Keep up-to-date with Everything Thats Going on with Moralis on a Week-to-week Basis. Many in, Anyone can create a metaverse game; however, building it correctly with working elements is something many fail to do, especially, Smart contracts on blockchains such as Ethereum widen the capabilities and use cases from the original Bitcoin blockchain. This means that it can be favorable to use WalletConnect when it comes to authenticating the potential users of our dApps. However, with a substantial amount of blockchain wallets available, such as MetaMask, Rainbow, Trust Wallet, Argent, etc., developers find the programming process cumbersome when implementing support for these wallets to their dApp. For example, with Moralis Speedy Nodes, youll get to use the fastest, most reliable blockchain nodes on the market. The platform also provides additional excellent development tools such as native support for IPFS, the Moralis NFT API, Price API, etc. This initial step is generally done when creating dApps with Moralis. However, we wont be going too in-depth when it comes to the HTML file of the dApp, since you will be able to design and structure the content according to your own preferences. Level up your web3 development skills by building weekly projects. 2. Moralis Closes $40M Series A - Backed By Coinbase, EQT Ventures, Fabric Ventures, Disperse Capital and more! As such, we will use Moralis throughout this article as it makes authentication of dApp users significantly more straightforward and accessible. An essential aspect of, for example, Ethereum dApp development revolves around the authentication of users. It is essential to allow users to authenticate themselves when interacting with dApps to reassure them that they are the wallets owners. Next up, we need to structure the content and add the required fields and buttons of the application. Gain access to all of Moralis tools by signing up with the platform. ( ) , 0096176817976| 21 :2 2, 0096176817976| , 0096176817976| , , , 0096176817976| 8 , 0096176817976| ., 0096176817976| , 0096176817976| , | 0096176817976 , | 0096176817976 , 0096176817976| 10 , 0096176817976| , | 0096176817976 , 0096176817976| 100 6 , 0096176817976| , 0096176817976| 6 , 0096176817976| 10 , 0096176817976| , | 0096176817976 , | 0096176817976 1- ( }, | 0096176817976 : , ( )| 0096176817976 : 1)-, 0096176817976| , 0096176817976| 100 2 , 0096176817976| 100 2 , 0096176817976| : , 0096176817976| : .

A misconception of WalletConnect is that it is often referred to as an application; however, this is not the case. The code or link is sent out by one peer and then scanned or approved by the other peer of the interaction. To structure the content, we are going to use HTML code, and as an example, this is what the UI (as shown in the video tutorial) looks like: As you can see from the images above, we initially had a single login button. Furthermore, in this article, we were able to create a demo dApp in three simple steps in a matter of minutes. How to Build a Cross-Chain Zapper dApp with ReactJS Using Moralis API and Serverless Real-Time Transactions, How to Build a Metaverse Game in 25 Minutes. However, dont worry; if you want inspiration and want to look closer at the complete file, then you can visit the following page from the GitHub repository: index.html. With the server up and running and the proper structure for the web applications content, we can add some logic. As such, Moralis has established itself as the ultimate operating system for Web3 development. The connection between wallets and dApps is established either by scanning a QR-code or deep link. The protocol provides working integrations with more than 75 different wallets where MetaMask is one of them. In this case, we want to authenticate users with WalletConnect, which means we need to input a provider as an argument. Therefore, we will explain in the following sections how easy it is to authenticate users with WalletConnect when working with Moralis. These nodes support blockchains such as Ethereum, Polygon, BSC (Binance Smart Chain), Avalanche, Arbitrum, and Fantom. If youd like to look at the other functions and how they are connected to the buttons through on-click events, check the complete code at the Moralis GitHub repository. As such, we need to add these buttons to the HTML code. With Moralis, you get to take advantage of its native support for WalletConnect. The option you choose from here should be based on where you are going to deploy the dApp. In this example, we create a const that we initially assign with walletconnect in the JavaScript file. Now that we have answered the question what is WalletConnect? and acquired a better understanding of why we need to authenticate our dApps users, we can move on to taking a closer look at this process. For this tutorial, we will be creating a simple dApp that is solely used to authenticate users. As such, it is up to you to structure the content according to your own preferences. Furthermore, we also pass the same const as an argument when calling the Moralis.enableWeb3() function. The protocol establishes an encrypted connection between two applications, wallets, or devices. As the name of the authenticate() function suggests, it authenticates users. This connection is symmetrically encrypted through a shared key of the two peers. Get the latest information about Moralis Web3 in your email. There youll be sure to find everything from a comprehensive Ethereum testnet guide, to a breakdown of OpenZeppelin, BEP20, ERC721, ERC1155, and much more!. Furthermore, if you want to learn more about the blockchain industry in general, visit the Moralis blog for fresh and exciting content which will keep you up to date. In the file, you will then use the previously fetched information and input the following:. Among the available information, youll find the server URL and application ID. 0096176817976| , 0096176817976| , 0096176817976| () , 0096176817976| 1325, 0096176817976| 5 , 0096176817976| , 0096176817976| , 0096176817976- , 0096176817976| , 0096176817976- + : 0096176817976, 0096176817976| 72 , + : 0096176817976, 0096176817976| ( , 0096176817976| , 0096176817976- , 0096176817976- , 0096176817976| , - 0096176817976 111 , 0096176817976| 1-(21) . As such, Moralis takes care of the heavy lifting, enabling you to create and launch your projects markedly quicker.

The largest crypto wallet on the market is MetaMask which has over ten million monthly users across the globe. For this reason, we wont be diving any deeper into the file. As such, following the same procedure will help you get going with any future dApp project. {} . However, clicking either alternative will bring you to a new window to input some information. Once a user logs in, additional options appear to either logout or proceed with a test signing. This is also where we add the functionality allowing us to authenticate users with WalletConnect. Here is an example of what the code for the login button looks like: However, this is just a simple demo dApp, and there are usually additional elements to a website. 2- . However, the number of wallet alternatives is continuously growing, making it more favorable to integrate another option such as WalletConnect. . This is where Moralis enters the picture as the number one Web3 operating system. With the instance up and running, we can click the View Details button for the server in question. Moreover, crypto wallets act as gateways that let users access decentralized applications (dApps) on blockchains such as Ethereum. walletconnect betterdiscord github commented Furthermore, youll also be able to take a closer look at the CSS file used to style the elements of the website. This can also be done according to your own preferences; however, taking a look might provide you with some inspiration for when you create your dApps. As such, WalletConnect provides an even greater level of security than simply utilizing a crypto wallet. First, we need to give the server a name. WalletConnect isnt an application but rather a protocol for establishing safe and encrypted connections between wallets and dApps. As such, this is what this function looks like:. Spinning up the server might take a while, but the process will be finalized momentarily. The dApp we are about to create contains five different functions: These are all essential functions; however, we are going to focus on the authenticate() and enableWeb3() functions since this is where we need to add the logic to make sure that the users can authenticate themselves with WalletConnect. However, adding this functionality to dApps can be quite cumbersome as it, in many instances, requires complex coding. For this reason, it will be favorable to have some prior knowledge of this language. Now, with the information at hand, you can go ahead and create a JavaScript file. Speedy Nodes offer the same functionality as normal Ethereum, Polygon or BSC nodes but come with exceptional speed, reliability and are fully integrated with all Moralis services. Here are a few examples: If youd like to take on a challenge involving crypto wallets, check out Moralis article on how to build a crypto wallet in 4 steps. , 0096176817976| , 0096176817976| , 0096176817976| 21 7 , 0096176817976| 7 , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| 53 . For this reason, all dApp developers need to add some form of authentication mechanism to their projects. Rather than an app, WalletConnect is an open-source protocol used to establish a connection between various wallets and dApps. As a user of the operating system, it is possible to authenticate users with a single line of code. Since we want to authenticate users with WalletConnect, we will again utilize the same const and pass it as an argument. These smart. We have the Moralis.authenticate() function within this function, which allows us as developers to authenticate users with a single line of code. As WalletConnect supports a multitude of different wallets, youre allowing your dApps users to utilize several various wallets. Connect your Dapp to the blockchain in the fastest most reliable way possible using Chainstack Speedy Nodes. Now, with a server up and running, we can move on to look closer at the HTML code. So, if you are looking to become a blockchain developer, the first step is to sign up with Moralis. This covers the needed steps for authenticating users with WalletConnect; however, there are additional elements to the complete dApp. Moreover, with Moralis, you can integrate WalletConnect to your dApp and authenticate users easily. , 0096176817976| , 0096176817976- . This alternative is even safer than solely using MetaMask or any of the other wallets. As such, this is what the complete function looks like:, Next up, we also have the enableWeb3() function where we need to specify the provider. , 0096176817976| , - 0096176817976 . Moreover, the logic will be written in JavaScript. , | 0096176817976 1- , | 0096176817976 .. .., | 0096176817976 , | 0096176817976 , | 0096176817976 , 0096176817976| , 0096176817976| : , ( )| 0096176817976 , - 0096176817976 + , | 0096176817976 , | 0096176817976 , | 0096176817976 : , | 0096176817976 , | 0096176817976 , | 0096176817976 , | 0096176817976 ( ) : , | 0096176817976 , | 0096176817976 , | 0096176817976 , 0096176817976| ( , 0096176817976| , 0096176817976| , 0096176817976- , 0096176817976| , 0096176817976| 7 , 0096176817976| 3 , 0096176817976| , | 0096176817976 4 , 0096176817976| , 0096176817976| 7 , 0096176817976| , | 0096176817976 , 0096176817976| 7 , 0096176817976- , | 0096176817976 , | 0096176817976 , | 0096176817976 , | 0096176817976 , | 0096176817976 , | 0096176817976 , | 0096176817976 + : 0096176817976, 0096176817976| , | 0096176817976 , | 0096176817976 1000 , | 0096176817976 7 , | 0096176817976 , | 0096176817976 (313) , 0096176817976| 21 , 0096176817976- 1- , 0096176817976| , - 0096176817976 , | 0096176817976 , | 0096176817976 21 , | 0096176817976 : , | 0096176817976 , 0096176817976| , 0096176817976| , 0096176817976| : : 1- , 0096176817976| , 0096176817976| , 0096176817976| 1000, 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| 7 , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| ( , 0096176817976| , 0096176817976| + : 0096176817976, 0096176817976- , - 0096176817976 , 0096176817976| , 0096176817976| () , 0096176817976| . WalletConnect offers additional useful features that come in handy for blockchain development. Since were working with Moralis, the process becomes straightforward and consists of the following three steps: Creating this simple dApp will only take us a couple of minutes as we will be utilizing the features of Moralis. This will provide you with access to the infinitely scalable backend infrastructure allowing you to develop dApps quickly! If WalletConnect is integrated into a dApp, it is extremely easy to create a safe and reliable connection. Get access to monthly development updates, exciting new projects, and much, much more. Nonetheless, you can follow along if you are a novice, as we will walk you through each step of the way. Moralis also offers a vast selection of Web3 development tools that can aid in the complete development process. A crypto wallet is an essential component if a user wants to interact with Web3 applications. Once you have the desired layout for your dApp, we can move on to the next step, which involves the logic of this simple application. As such, if you havent already, the first thing you need to do is sign up with Moralis. Once you have an account and are logged in, you can go ahead and click the + Create a new Server button at the top of your admin panel. However, this is far from the limits of Moralis as it can be utilized in a variety of different blockchain projects. Therefore, WalletConnect provides a solution that enables developers to implement a connection between dApps and wallets effortlessly. 3- ., 0096176817976| ( , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , | 0096176817976 ( , | 0096176817976 1. , 2022 |, 0096176817976, | 0096176817976, 0096176817976| , 0096176817976| 10 , 0096176817976| , 0096176817976| , 0096176817976| , | 0096176817976, | 0096176817976, 0096176817976| , | 0096176817976, 0096176817976| , | 0096176817976, | 0096176817976, 0096176817976- , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976- , 0096176817976- , 0096176817976| , 0096176817976| , 0096176817976- , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976- , 0096176817976- , 0096176817976| , - 0096176817976, 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976- , - 0096176817976, 0096176817976| , 0096176817976| () , 0096176817976| , 0096176817976| , 0096176817976- , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976- , 0096176817976| , 0096176817976- , 0096176817976| , - 0096176817976, 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , | 0096176817976, 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| 48 , 0096176817976- , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976- , | 0096176817976, - 0096176817976, 0096176817976- , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, 0096176817976| , 0096176817976| , ( )| 0096176817976, - 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, 0096176817976| , 0096176817976| , 0096176817976| , - 0096176817976, - 0096176817976, - 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, 0096176817976| , 0096176817976| , | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, 0096176817976| , 0096176817976| , | 0096176817976, 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , - 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , | 0096176817976, | 0096176817976, 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , | 0096176817976, 0096176817976| , 0096176817976| , 0096176817976| , | 0096176817976, 0096176817976| , 0096176817976- , | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, 0096176817976| , | 0096176817976, | 0096176817976, 0096176817976| , 0096176817976| , | 0096176817976, 0096176817976| 100, 0096176817976| , 0096176817976| , 0096176817976| , | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, 0096176817976| , | 0096176817976, | 0096176817976, | 0096176817976, ( )| 0096176817976, 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976| , 0096176817976- , 0096176817976| , - 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, | 0096176817976, 0096176817976| , 0096176817976| , 0096176817976| . Once done, all that remains is to click the Add Instance button at the bottom right of the window. We then simply use this const and pass it as an argument when calling the Moralis.authenticate() function. Youve undoubtedly heard a lot about dApps, but you might not be sure how to build one quickly. It only takes a couple of seconds, and youll be able to get going with your first blockchain project in a matter of moments! This showcases the potential of working with Moralis.