![d.jpg](https://cdn.steemitimages.com/DQmTUTzrPhDHPvmqwLwnU5tuR7P3aNfEcPfnacf6HD42rWU/d.jpg) ^{Created with canva}

Today we are going to start this new course which will aim to teach you how to create Steem applications, connecting directly to the blockchain and interacting with it. For this course it will be necessary to have previous knowledge in JavaScript, as well as a computer and internet access. For practicality, we are going to use Node JS to show the examples through console, however, the libraries that we are going to show are perfectly compatible with the web version of the language.

--- ## Understanding Steem Blockchain ---

Steem is a decentralized blockchain platform that powers social media and blogging platforms like Steemit. Every 3 seconds a block is added to the blockchain, and this block contains the transactions that are made such as transferring, creating a post, voting, etc. Basically anything we do here is a transaction that will be recorded immutably in a block.

![WhatsApp GIF 2024-12-15 at 14.14.12.gif](https://cdn.steemitimages.com/DQmbWA6mphWxFbx1Sc2dH16Wj6Z9pC3mP58fEBq9Mpn3rya/WhatsApp%20GIF%202024-12-15%20at%2014.14.12.gif) Animated with After Effects.

The objective as programmers will be to connect to Steem to read the information of the blocks or write new operations on them, allowing us, for example, to create a bot to vote for all the posts that are created within a specific tag.

--- ## The RPC Nodes ---

To be able to connect to Steem we will require a service made available generally by the Witnesses of the platform, they are the RPC nodes. Of its acronyms Remote Procedure Call, they provide a way for developers to interact with the Steem blockchain remotely. Functions: RPC nodes expose a set of functions (APIs) that allow developers to: * Read data: Query blockchain information like account balances, transaction history, and block data. * Submit transactions: Send transactions to the blockchain, such as posting content, transferring funds, and voting. The most used RPC node is the one provided by Steemit Inc: - https://api.steemit.com If we enter this URL we will only see a response in JSON format, this URL itself is not a website, it is an API that is designed to be used with POST queries with HTTP.

![Captura de pantalla 2024-12-15 a la(s) 2.28.39 p. m..png](https://cdn.steemitimages.com/DQmejuEU41xxNoP5gqCmMeDfjLqqstwcD8a1z6KMALFztB5/Captura%20de%20pantalla%202024-12-15%20a%20la(s)%202.28.39%E2%80%AFp.%C2%A0m..png) https://api.steemit.com

If you have experience in programming you will know that creating HTTP queries is a fairly common task, however, these queries must be prepared precisely, otherwise they will fail. For this, a complete manual is available on the web on how you should prepare your HTTP queries to connect to Steem. That site is the Steem developer portal: - https://developers.steem.io On this site you will find tutorials in different languages, Glossary of terms, and many useful resources when developing in Steem, but the most important part is the one that says **APPBASE API**, there you will see the list of Plugins available in the Steem API.

![Captura de pantalla 2024-12-15 a la(s) 2.39.55 p. m..png](https://cdn.steemitimages.com/DQmRuTrcnJpXP3a9vB7oKFDG6UUftvqGerJJnm3fzLSerrK/Captura%20de%20pantalla%202024-12-15%20a%20la(s)%202.39.55%E2%80%AFp.%C2%A0m..png)

Each plugin allows you to obtain specific information from some section and each RPC node can have more or less plugins enabled. For example, if we enter the Condenser Api plugin which is the largest and most complete, we will see the list of methods that that plugin allows us to use. For example, we are going to review the method ```get_block```, which as its name suggests will allow us to obtain the information of a specific block.

![Captura de pantalla 2024-12-15 a la(s) 2.40.42 p. m..png](https://cdn.steemitimages.com/DQmbLutA6C9y42PR6UZQfHuB1a17mpakDzWrd4DvUTzSQJD/Captura%20de%20pantalla%202024-12-15%20a%20la(s)%202.40.42%E2%80%AFp.%C2%A0m..png)

When entering the method we will see useful information such as an example of an expected result, the returned information and the necessary parameters to request information with this method.

![Captura de pantalla 2024-12-15 a la(s) 2.41.04 p. m..png](https://cdn.steemitimages.com/DQmdtBdffiX3n5g7ppLWxA7CQ5jiiG5e8EYhbB9UfW2FxC4/Captura%20de%20pantalla%202024-12-15%20a%20la(s)%202.41.04%E2%80%AFp.%C2%A0m..png)

But what is really important will be the examples with cURL queries, which we can test directly in our console and from here migrate the query to practically any programming language.

![Captura de pantalla 2024-12-15 a la(s) 2.41.20 p. m..png](https://cdn.steemitimages.com/DQmbqzWD1MUadP9wPaqFiEa78v46Q7sNcUpvexp7XsCE6S9/Captura%20de%20pantalla%202024-12-15%20a%20la(s)%202.41.20%E2%80%AFp.%C2%A0m..png)

For example, in the examples we see how they use the Steemit RPC, they connect to the ```condenser_api``` plugin, and call the ```get_block``` method to obtain information from the specific block. In this case we will see the information from block number 1.

![Captura de pantalla 2024-12-15 a la(s) 2.48.13 p. m..png](https://cdn.steemitimages.com/DQmTjpzPa1hrg4UAyWEbaX67rCGzW8xGLykf8QD4mdcFurt/Captura%20de%20pantalla%202024-12-15%20a%20la(s)%202.48.13%E2%80%AFp.%C2%A0m..png)

Now let's move this to JavaScript, I will create a file called ```connecting.js``` and in it I will create a function that allows me to call any plugin and method of the Steem API using fetch which makes an HTTP Post call, this is very practical because with a method like this you can read almost any information of the blockchain without external libraries.

![Captura de pantalla 2024-12-15 a la(s) 3.11.11 p. m..png](https://cdn.steemitimages.com/DQmRLhX461Nj4Tvid4PLiJsaXnkzT75tDDw8WFTuJnVc4Zp/Captura%20de%20pantalla%202024-12-15%20a%20la(s)%203.11.11%E2%80%AFp.%C2%A0m..png) #### Result ![Captura de pantalla 2024-12-15 a la(s) 3.10.47 p. m..png](https://cdn.steemitimages.com/DQmT9Twe3WNMn3CMDE638QKqQ9zGqbs2dv5wNhH6MHiP5aZ/Captura%20de%20pantalla%202024-12-15%20a%20la(s)%203.10.47%E2%80%AFp.%C2%A0m..png)

As you can see, we already managed to do the same as in the cURL example, already with the information in JSON format you can play with it in your code, I will improve a little the previous example to show the miner that produced the block and the date.

![Captura de pantalla 2024-12-15 a la(s) 3.15.17 p. m..png](https://cdn.steemitimages.com/DQmRe4gChHVu2HEzA9rLdkBEWJJQQ9wH3PUbFRGPBeT6Rs6/Captura%20de%20pantalla%202024-12-15%20a%20la(s)%203.15.17%E2%80%AFp.%C2%A0m..png) #### Result ![Captura de pantalla 2024-12-15 a la(s) 3.14.52 p. m..png](https://cdn.steemitimages.com/DQmTdZ4qoLqzmA7dDDTsqJGFbeKBzyhy8N5uFKD2Esuy2qW/Captura%20de%20pantalla%202024-12-15%20a%20la(s)%203.14.52%E2%80%AFp.%C2%A0m..png)

#### Code ``` const fetch = require("node-fetch"); function customApi (server, method, params) { return new Promise((resolve, reject) => { fetch(server, { method: "POST", headers: { 'Content-Type': 'application/json'}, body: JSON.stringify({"jsonrpc":"2.0","method":method,"params":params,"id":1}) }).then(response => { resolve(response.text());}) .catch(error => { reject(error); }); }); } (async () => { let num = 1; let block = await customApi("https://api.steemit.com", "condenser_api.get_block", [num]); block = JSON.parse(block).result; console.log("Block ", num, "Created at",block.timestamp, "By", block.witness); })(); ```

--- ## Homework ---

- What is your understanding about RPC Nodes? **[2 PTS]** - Explore the Steem Developers Portal (https://developers.steem.io) and fetch data using JavaScript or Python from at least 3 methods of condenser_api plugin (Don't use get_block method) **[5 PTS]** - Get the information of a random block between 1,000,000 and 1,500,000 and write a program that shows who created that block and the date it was created. **[3 PTS]** --- ## Rules --- - The content must be #steemexclusive. - The article must contain the tag #steemjs-s22w1. - Plagiarism is not allowed. - The link of your task must be added in the comments of this publication. - **The course will be open for 7 days from 00:00 UTC on December 16**. After the deadline, users will be able to continue participating without applying for prizes with the aim of allowing more people in time to take advantage of this content.

Trending topics

New to Nutbox?

Interesting People

Discover more people

alejos7ven81

Domain Steem with JavaScript: Lesson #1 - Introduction to Steem Blockchain and RPC Nodes

alejos7ven
81