Using Websockets with Web3

This lesson preview is part of the Million Ether Homepage course and can be unlocked immediately with a \newline Pro subscription or a single-time purchase. Already have access to this course? Log in here.

This video is available to students only
Unlock This Course

Get unlimited access to Million Ether Homepage, plus 70+ \newline books, guides and courses with the \newline Pro subscription.

Thumbnail for the \newline course Million Ether Homepage
  • [00:00 - 00:07] Web3 can connect to our Ethereum node using WebSockets. WebSockets will let us keep a two-way connection open between our browser and our client.

    [00:08 - 00:13] This means that our Geth node will be able to push real-time updates to our browser. We'll use this on our page to instantly draw any pixels that are purchased.

    [00:14 - 00:22] In order to use WebSockets with Geth, we need to add some parameters to our G eth command. They look like the flags we used for RPC only they begin with WS for WebSockets .

    [00:23 - 00:35] Here's the command which you can copy and paste from the video notes. Now in our index.js, let's connect to Geth using the Web3 WebSocket provider.

    [00:36 - 00:51] We'll write a function "check balance". Let's check our account balances just to make sure the connection works.

    [00:52 - 01:17] And let's add this "check balance" function to our document on load. If we take a look at our browser console, we can see that the account balance is there, so it worked. If you didn't see those balances, double check that your Geth is running and that the hostname and port match.