DEV Community

loading...
Cover image for Getting Started with NodeJS and expresse

Getting Started with NodeJS and expresse

bahachammakhi profile image Baha chammakhi ・4 min read

Welcome

As we know in nodejs we can build everything in only one file which is index.js but that's not great for future development so here I am gonna represent an easy structure and explain everything for you to start organizing your project architecture.

If its the first time using nodejs, please install nodejs before following me

  • First, we will start by creating a new folder, Init nodejs, and opening our node project with vscode like the screenshot below.

image

  • when you open vscode you will find only one file which is package.json

  • First, we need to install express which is a nodejs framework that makes a lot of things easier for us
    so let us open vscode terminal or any other one and install the dependencies we need now!

npm install express
Enter fullscreen mode Exit fullscreen mode

  • let's create our first file which is app.js
touch app.js
Enter fullscreen mode Exit fullscreen mode
  • add this code
const express = require("express");

const app = express();

app.use(express.json());
app.use("/", (req, res) => res.send("Hello world!"));

module.exports = app;
Enter fullscreen mode Exit fullscreen mode
  • Here we are creating our express app, first, we imported express initialized express in a const named app and used express.json to handle JSON parsing, sent a Hello world text when requesting the "/" route and finally we exported it!

  • Now create our server.js
touch server.js
Enter fullscreen mode Exit fullscreen mode
  • add this code
const app = require("./app");
const port = 8000;

app.listen(port, () => {

console.log(`App running on ${port}...`);

});
Enter fullscreen mode Exit fullscreen mode
  • So as you can see we imported our app module and created our port which the application will work on and we started our app.

  • let's start our server.js file!

node server.js
Enter fullscreen mode Exit fullscreen mode

and that's the result our app is running on port 8000

image

Now let's visit http://localhost:8000/ you will see Hello world !

image


  • We just build our Hello world with nodeJS! Now let's make something more interesting by building a simple crud application to create, read, update, and delete Products. So in this case we need a place to store data! we gonna use a simple variable to do that but in the next chapter we will use a database

  • Let's add the following code in app.js file to create , and retrieve products data.
app.get("/products", (req, res) => {
  res.json(products);
});

app.post("/products", (req, res) => {
  const body = req.body;
  products.push(body);
  res.json(body);
});
Enter fullscreen mode Exit fullscreen mode
  • As you can see we just returned the products array in JSON format when we make a get request to /products endpoint the second function let us push a new product to the product array and return the data we added Now let's do the update and delete part :
app.delete("/products/:id", (req, res) => {
  const id = req.params.id;
  const filtredProducts = products.filter((value, index) => index != id);
  products = filtredProducts;
  res.json(filtredProducts);
});
app.patch("/products/:id", (req, res) => {
  const id = req.params.id;
  const body = req.body;
  products[id] = body;
  res.json(products);
});
Enter fullscreen mode Exit fullscreen mode
  • In these lines of code, we just made two routes the first to delete a product and the second to update one.
    firstly we took the id and we filtered the array to take the products that don't match our id and updated them with the filtered ones.

  • Secondly, we updated the product that got the same index as our id and updated the data with the one in the body.


Our final App.js code :

const express = require("express");

let products = [];
const app = express();

app.use(express.json());
app.get("/products", (req, res) => {
  res.json(products);
});

app.post("/products", (req, res) => {
  const body = req.body;
  products.push(body);
  res.json(body);
});
app.delete("/products/:id", (req, res) => {
  const id = req.params.id;
  const filtredProducts = products.filter((value, index) => index != id);
  products = filtredProducts;
  res.json(filtredProducts);
});
app.patch("/products/:id", (req, res) => {
  const id = req.params.id;
  const body = req.body;
  products[id] = body;
  res.json(products);
});
app.use("/", (req, res) => res.send("Hello world!"));

module.exports = app;
Enter fullscreen mode Exit fullscreen mode
  • To test our api we gonna use a tool named Postman

image

  • Sending post request to add product**

image

  • Sending get a request to retrieve products

image

  • Sending delete request to delete a product

image

  • Sending patch request to update a product

This was a brief introduction to Express and nodejs in the next chapters we will do more interesting things like Using MongoDB, creating our structure, and splitting our code.

-Github code : https://github.com/bahachammakhi/Getting-started-with-nodejs

Discussion (0)

pic
Editor guide