Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

MENAMPILKAN DATA BERDASARKAN KATEGORI DI NODE.JS

Cara mudah menampilkan data berdasarkan kategori di Node.js dengan contoh kode yang sederhana.

Daftar Isi:

Persiapan Awal
Instalasi dan Setup Ekspres
Membuat Rute Berdasarkan Kateg...
Menjalankan Server

Menampilakan data berdasarkan kategori adalah fitur umum yang sering dibutuhkan dalam pengembangan aplikasi web. Dengan Node.js, kamu dapat melakukan ini dengan mudah. Berikut adalah panduan sederhana untuk membantu kamu memahami cara melakukannya.

Persiapan Awal

Sebelum memulai, pastikan kamu sudah menginstal Node.js di komputermu. Kamu juga perlu membuat beberapa file penting berikut:

  1. package.json - Untuk mengelola dependensi.
  2. server.js - Tempat kita menuliskan kode server.

Jangan lupa untuk menginisiasi project Node.js kamu dengan perintah berikut di terminal:

npm init -y

Instalasi dan Setup Ekspres

Gunakan Express untuk memudahkan pembuatan server.

npm install express

Menyiapkan Server Dasar

Buat file server.js dan ketikkan kode dasar berikut ini untuk menginisiasi server menggunakan Express.

const express = require('express');
const app = express();
const PORT = 3000;

app.listen(PORT, () => {
  console.log(`Server berjalan pada port ${PORT}`);
});

Membuat Rute Berdasarkan Kategori

Anggaplah kita memiliki data berupa produk yang merupakan bagian dari berbagai kategori. Kita akan membuat rute yang menampilkan produk berdasarkan kategorinya.

Contoh Data

Untuk tujuan ini, kita bisa membuat data array contoh dalam script kita:

const products = [
  { id: 1, name: 'Baju', category: 'Pakaian' },
  { id: 2, name: 'Celana', category: 'Pakaian' },
  { id: 3, name: 'Laptop', category: 'Elektronik' },
  { id: 4, name: 'Handphone', category: 'Elektronik' }
];

Membuat Rute Kategori

Sekarang, buat rute yang menampilkan produk berdasarkan kategori tertentu.

app.get('/produk/:kategori', (req, res) => {
  const kategori = req.params.kategori;
  const hasil = products.filter(product => product.category.toLowerCase() === kategori.toLowerCase());

  if (hasil.length > 0) {
    res.json(hasil);
  } else {
    res.status(404).send('Kategori tidak ditemukan');
  }
});

Dengan rute ini, saat kamu mengakses /produk/Pakaian, server akan menampilkan semua produk yang merupakan bagian dari kategori “Pakaian”.

Menjalankan Server

Setelah semua kode ditulis, jalankan server menggunakan perintah:

node server.js

Buka browser dan akses rute yang telah kamu buat untuk melihat data berdasarkan kategori.

Dengan langkah-langkah ini, kamu bisa menampilkan data berdasarkan kategori di aplikasi Node.js kamu dengan mudah. Pastikan untuk menyesuaikan data dan rute dengan kebutuhan proyekmu.


Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding