Node js Set Get Delete Cookie

Node js Set Get Delete Cookie

Set get and delete cookie in Node JS; Through this tutorial, you will learn how to create/set, get and delete cookie in node js + express app.

Cookies are text files with small pieces of data — like a username and password — that are used to identify your computer as you use a computer network. Specific cookies known as HTTP cookies are used to identify specific users and improve your web browsing experience.

Set Get and Delete Cookie in Node JS

  • Step 1 – Create Node Express js App
  • Step 2 – Install cookie-parser node module
  • Step 3 – Create/Set Cookie Route
  • Step 4 – Get/Fetch Cookie Route
  • Step 5 – Delete Cookie Route
  • Step 6 – Create App.js and Create Routes For Cookie
  • Step 7 – Start App Server

Step 1 – Create Node Express js App

Execute the following command on terminal to create node js app:

mkdir my-app
cd my-app
npm init -y

Step 2 – Install cookie-parser node module

Execute the following command on the terminal to install express and cookie parser modules:

npm install express cookie-parser --save

cookie-parser – cookie-parser is a middleware which parses cookies attached to the client request object. To use it, we will require it in our index. js file; this can be used the same way as we use other middleware.

Step 3 – Create/Set Cookie Route

Create/set cookie route in node js + express app:

// SET COOKIE
app.get('/set-cookie', (req, res) => {
    res.cookie('username', 'Webtutorials.ME', {
        maxAge: 1000 * 60, // 1 min
        httpOnly: true // http only, prevents JavaScript cookie access
    });
    // REDIRECT OT HOME
    res.redirect('/');
});

Step 4 – Get/Fetch Cookie Route

Get/fetch cookie route in node js + express app:

app.get('/', (req, res) => {

    let cookieVal = req.cookies.username;
    let show;
    
    if (cookieVal) {
        show = `Hi ${cookieVal} <br><a href="/delete-cookie">Delete Cookie</a>`;
    } else {
        show = `<a href="/set-cookie">Set Cookie</a><br>
        <a href="/delete-cookie">Delete Cookie</a><br>`;
    }

    res.send(show);
});

Step 5 – Delete Cookie Route

Delete/destroy cookie route in node js + express app:

// DELETE COOKIE
app.get('/delete-cookie', (req, res) => {
    //DELETING username COOKIE
    res.clearCookie('username');
    // REDIRECT OT HOME
    res.redirect('/');

});

Step 6 – Create App.js and Create Routes For Cookie

Visit your node js app directory and create app.js file. Then add the following get, set and delete cookie code into your app.js file:

const express = require('express');
const cookieParser = require('cookie-parser');
const app = express();

// APPLYING AS MIDDLEWARE
app.use(cookieParser());

app.get('/', (req, res) => {

    let cookieVal = req.cookies.username;
    let show;
    
    if (cookieVal) {
        show = `Hi ${cookieVal} <br><a href="/delete-cookie">Delete Cookie</a>`;
    } else {
        show = `<a href="/set-cookie">Set Cookie</a><br>
        <a href="/delete-cookie">Delete Cookie</a><br>`;
    }

    res.send(show);
});

// SET COOKIE
app.get('/set-cookie', (req, res) => {
    res.cookie('username', 'Webtutorials.ME', {
        maxAge: 1000 * 60, // 1 min
        httpOnly: true // http only, prevents JavaScript cookie access
    });
    // REDIRECT OT HOME
    res.redirect('/');
});

// DELETE COOKIE
app.get('/delete-cookie', (req, res) => {
    //DELETING username COOKIE
    res.clearCookie('username');
    // REDIRECT OT HOME
    res.redirect('/');

});

app.listen(3000, () => console.log('Your app listening on port 3000'));

Step 7 – Start App Server

You can use the following command to start node js app server:

//run the below command

npm start

after run this command open your browser and hit 

http://127.0.0.1:3000/

Recommended Node js Tutorial

AuthorAdmin

My name is Devendra Dode. I am a full-stack developer, entrepreneur, and owner of Tutsmake.com. I like writing tutorials and tips that can help other developers. I share tutorials of PHP, Python, Javascript, JQuery, Laravel, Livewire, Codeigniter, Node JS, Express JS, Vue JS, Angular JS, React Js, MySQL, MongoDB, REST APIs, Windows, Xampp, Linux, Ubuntu, Amazon AWS, Composer, SEO, WordPress, SSL and Bootstrap from a starting stage. As well as demo example.

Leave a Reply

Your email address will not be published. Required fields are marked *