Cara Menggunakan Sesi Node.js untuk Mempertahankan Data

Saat aplikasi web Anda perlu “mengingat” pengguna, aplikasi biasanya menggunakan salah satu dari dua mekanisme: cookie atau sesi. Cookie adalah area penyimpanan kecil di browser tempat Anda dapat menyimpan data terkait pengguna seperti preferensi penelusuran, misalnya. Sesi memungkinkan Anda untuk menyimpan informasi sensitif di server.

Temukan cara menyiapkan sesi di server Express yang diberdayakan oleh Node.js.

Apa yang Anda Butuhkan

Untuk mengikuti tutorial ini, Anda perlu menginstal Node.js dan npm. Setiap versi terbaru dari Node.js harus datang dengan npm, manajer paket untuk menginstal dependensi.

Baca Juga:

Mau Berkarir di Dunia blockchain? Ini Dia 10 Skill yang Harus Kamu Dalami!

Anda akan menggunakan npm untuk menginstal Express dan express-session. Ini adalah alat yang akan Anda gunakan untuk membuat server web dan sesi.

Apa itu Sesi di Node.js?

Cookie adalah file kecil yang digunakan browser Anda untuk menyimpan data. Anda dapat menggunakan cookie untuk menyimpan data non-sensitif seperti preferensi pencarian.

Anda tidak boleh menyimpan data sensitif (seperti nama pengguna dan kata sandi) di cookie. Saat browser Anda mengirimkan cookie melalui HTTP, cookie rentan terhadap peretas yang mungkin dapat mencegatnya. Mereka juga disimpan dalam teks biasa di komputer Anda, sehingga peretas berpotensi dapat memeriksanya dan mencuri data Anda.

Alih-alih menyimpan data sensitif sebagai cookie di klien, Anda harus menyimpannya di server. Ini membuatnya terlindungi dari dunia luar.

Sesi memungkinkan Anda menyimpan data sensitif yang dibutuhkan aplikasi Anda untuk mengidentifikasi pengguna. Contohnya adalah nama pengguna, kata sandi, dan email. Mereka lebih aman karena mereka tinggal di server, bukan di klien.

Setiap kali Anda memiliki data yang ingin Anda pertahankan di seluruh permintaan, simpan di sisi server menggunakan sesi. Anda akan mempelajari cara membuat sesi di bagian berikut.

Membuat Sesi di Express Server

Express adalah kerangka web populer untuk Node.js. Ini memungkinkan Anda mengatur aplikasi server web yang mendengarkan permintaan klien di nomor port yang Anda pilih. Anda dapat membuat rute API, menerapkan middleware, dan bahkan menghubungkan aplikasi ke database, semuanya berkat API yang disediakan oleh framework.

1. Buat Proyek Node.js

Buat folder baru untuk proyek Anda, lalu luncurkan alat baris perintah dan cd ke folder itu.

Selanjutnya, jalankan perintah berikut untuk menginisialisasi proyek Node.js:

 npm init -y 

Ini menghasilkan file package.json di folder root proyek dengan pengaturan default. File package.json untuk menjalankan skrip npm.

2. Instal Express dan express-session

Anda akan menggunakan Express untuk membuat aplikasi server web. Dan sesi ekspres untuk membuat sesi pada aplikasi server itu.

Di terminal, jalankan perintah berikut untuk menginstal kedua dependensi:

 npm i express express-session 

Setelah menginstal kedua paket, langkah selanjutnya adalah membuat server.

3. Buat Sesi di Aplikasi

Buat file bernama App.js di folder root proyek Anda dan impor dependensinya:

 const express = require('express')
const session = require('express-session')
app = express()
 

Selanjutnya, daftarkan middleware sesi. Lewati objek dengan rahasia properti (untuk menandatangani cookie sessionID) dan cookie.

 app.use(
  session({
    secret: "some secret",
    cookie: { maxAge: 30000 },
    saveUninitialized: false,
  })
); 

Di sini Anda menyetel usia maksimum sesi menjadi 30 detik (30000 milidetik). Menyetel saveUninialized ke false sangat penting jika Anda memiliki sistem login. Jika Anda gagal melakukannya, server Anda akan menghasilkan sessionID baru setiap kali pengguna mengirimkan permintaan.

Selanjutnya, buat rute login untuk mengubah sesi. Saat pengguna mencapai rute ini, Anda mengharapkan klien mengirimkan nama pengguna dan kata sandi di badan permintaan. Pertama, Anda mengakses nilai-nilai ini dan memeriksa apakah ada (dan jika pengguna telah mengautentikasi):

 app.post("/login", (req, res) => {
  const { username, password } = req.body;
  if (username && password) {
    if (req.session.authenticated) {
      res.json(session);
    } else {
      if (password === "123") {
        req.session.authenticated = true;
        req.session.user = { username };
        res.json(req.session);
      } else {
        res.status(403).json({ msg: "Bad credentials" });
      }
    }
  } else {
    res.status(403).json({ msg: "Bad credentials" });
  }
}); 

Dengan pernyataan if pertama, Anda melakukan pemeriksaan dummy. Pemeriksaan ini untuk memastikan bahwa Anda melanjutkan hanya jika nama pengguna dan kata sandi ada.

Selanjutnya, Anda memeriksa apakah pengguna sudah diautentikasi. Jika demikian, kirim sesi kembali ke klien. Jika tidak, setel properti yang diautentikasi ke true dan simpan nama pengguna ke sesi. Kemudian mengirimkannya kembali ke klien.

Dengan kode di atas, server akan mengingat setiap user yang mengirimkan request ke server. Ini karena mereka telah mengautentikasi dan menyimpan detail unik mereka (nama pengguna dan kata sandi) dalam sesi tersebut.

Mulai server Anda dengan menambahkan kode berikut di bagian bawah App.js:

 app.listen(3000, () => {
  console.log("Server is running on port 3000");
}); 

Untuk menguji rute ini, gunakan klien API untuk mengirim permintaan ke rute masuk yang Anda buat. Pastikan untuk mengirim nama pengguna dan kata sandi di badan permintaan. Berikut tampilan permintaan API Anda jika menggunakan Rest Client:

 POST http:
Content-Type: "application/json"
{ username: "Kingsley", password: "123"} 

Jika semuanya berjalan dengan baik, Anda akan mendapatkan objek berikut:

 {
  "cookie": {
    "originalMaxAge": 30000, 
    "httpOnly": true, 
    "path": "https://www.makeuseof.com/" 
  },
  "authenticated": true, 
  "user": { 
    "username": "Kingsley", 
    "password": "123" 
  }
} 

Dengan kode ini, dua hal telah terjadi. Pertama, Anda telah mengautentikasi di server. Kedua, sesi sekarang memiliki detail login Anda, sehingga server sekarang tahu siapa Anda. Setiap kali Anda mengirim permintaan baru, itu akan mengingat Anda sampai sesi berakhir dan server menghapusnya.

Sesi Meningkatkan Pengalaman Pengguna

Sesi adalah bagian penting dari aplikasi Node.js. Ini karena mereka memungkinkan Anda mempertahankan keadaan interaksi di banyak permintaan dan tanggapan. Sesi sangat penting untuk aplikasi yang mengharuskan Anda masuk.

Gunakan sesi di aplikasi backend Anda untuk melacak data khusus pengguna. Contoh dari data tersebut adalah item yang telah ditambahkan pengguna Anda ke keranjang belanja.

Tanpa sesi, Anda harus mempertahankan penyimpanan data terpisah untuk setiap pengguna di aplikasi Anda. Ini akan menjadi tidak efisien dan meningkatkan kompleksitas aplikasi.

Express.js Menyederhanakan Sesi, Perutean, dan Lainnya

Express.js adalah framework web Node.js paling populer yang saat ini digunakan. Ini menyediakan banyak alat dan pustaka untuk membuat aplikasi backend, dan pustaka sesi ekspres hanyalah salah satunya.

Jika Anda ingin menggunakan Node.js untuk pengembangan web backend, lihat Express.