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

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

MEMBUAT API TODO LIST DI NODE.JS

Cara mudah membuat API Todo List dengan Node.js menggunakan Express.js dan MongoDB, cocok untuk pemula yang ingin belajar pemrograman back-end.

Daftar Isi:

Persiapan environment
Membuat Server di Node.js
Membuat Model Todo
Membuat Endpoint API
Menjalankan Server

Membuat API untuk aplikasi Todo List bisa menjadi proyek yang menyenangkan dan membantu untuk belajar lebih dalam tentang Node.js. Dalam artikel ini, kamu akan belajar cara membuat API sederhana menggunakan beberapa alat dan library yang tersedia di Node.js.

Persiapan environment

Sebelum memulai, pastikan kamu sudah menginstal Node.js dan npm di komputermu. Kita juga akan menggunakan MongoDB sebagai basis data untuk menyimpan daftar tugas.

Instalasi dan Inisialisasi Project

  1. Buat Folder Proyek: Buat folder baru untuk proyek todo list API-mu.
  2. Inisialisasi npm: Di terminal, masuk ke folder proyek tersebut dan jalankan npm init -y untuk membuat file package.json.
  3. Instal Express dan Mongoose: Eksekusi perintah npm install express mongoose untuk menginstal Express.js sebagai framework web dan Mongoose untuk pengelolaan data MongoDB.

Membuat Server di Node.js

Buka file app.js dan mulai dengan mengimpor library yang diperlukan:

const express = require('express');
const mongoose = require('mongoose');
const app = express();

app.use(express.json());

Koneksikan dengan MongoDB:

mongoose.connect('mongodb://localhost:27017/todolist', { useNewUrlParser: true, useUnifiedTopology: true });

Jangan lupa untuk menambahkan middleware yang bisa memproses HTTP request dengan format JSON.

Membuat Model Todo

Kita akan membuat model Todo untuk menentukan struktur data yang akan disimpan. Buat file baru bernama Todo.js dalam folder models:

const mongoose = require('mongoose');

const todoSchema = new mongoose.Schema({
  title: String,
  completed: Boolean, 
});

module.exports = mongoose.model('Todo', todoSchema);

Membuat Endpoint API

Menambahkan Rute

Tambahkan beberapa rute untuk mengelola todo list. Di app.js, tambahkan:

const Todo = require('./models/Todo');

app.get('/todos', async (req, res) => {
  const todos = await Todo.find();
  res.json(todos);
});

app.post('/todos', async (req, res) => {
  const todo = new Todo({
    title: req.body.title,
    completed: false,
  });
  await todo.save();
  res.json(todo);
});

app.delete('/todos/:id', async (req, res) => {
  const result = await Todo.findByIdAndDelete(req.params.id);
  res.json({ message: 'Deleted successfully!', result });
});

Dengan tiga rute tersebut, kamu bisa mendapatkan, menambahkan, dan menghapus todo dari daftar.

Menjalankan Server

Terakhir, jalankan server dengan menambahkan kode berikut:

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

Sekarang, jalankan server dengan perintah node app.js dan coba akses API melalui http://localhost:3000/todos.

Dengan mengikuti langkah-langkah ini, kamu sekarang punya API sederhana untuk todo list. Selamat mencoba dan kembangkan lebih lanjut sesuai kebutuhanmu!


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