Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
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.
Sebelum memulai, pastikan kamu sudah menginstal Node.js di komputermu. Kamu juga perlu membuat beberapa file penting berikut:
Jangan lupa untuk menginisiasi project Node.js kamu dengan perintah berikut di terminal:
npm init -y
Gunakan Express untuk memudahkan pembuatan server.
npm install express
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}`);
});
Anggaplah kita memiliki data berupa produk yang merupakan bagian dari berbagai kategori. Kita akan membuat rute yang menampilkan produk berdasarkan kategorinya.
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' }
];
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”.
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.
Link terkait: