Cara Mudah Membuat REST API Menggunakan Express JS #1: Instalasi dan Persiapan


Rizqi Maulana
PHP/Javascript Backend Developer

Halo, Pada tutorial ini kita akan belajar membuat REST API sederhana menggunakan ExpressJS dengan database MySQL. Ada beberapa hal yang perlu diinstal atau disiapkan terlebih dahulu sebelum kita masuk ke materinya, dan pada tutorial ini tidak akan dijelaskan cara instalasinya:

  1. Node.js 8.2.0 atau versi lebih baru
  2. MySQL 5.7 atau versi lebih baru

Instalasi Express

Express sendiri merupakan sebuah framework minimalist untuk Node.js. Biasanya digunakan untuk membuat aplikasi web maupun untuk membuat REST API secara mudah dan cepat dengan konfigurasi yang minimal. Karena Express berjalan pada engine Node.js, sebaiknya kita belajar atau setidaknya paham dasar javascript terlebih dahulu untuk mengikuti tutorial ini. Untuk instalasi kita bisa menginstal Express itu sendiri atau menggunakan tool yang disediakan yaitu Express-generator. Dan di kesempatan ini kita akan menggunakan express-generator untuk secara cepat membuat aplikasi skeleton REST API kita.

npx express-generator nama_folder_project

Perintah di atas adalah perintah untuk meggenerate aplikasi express secara cepat. Oke disini kita akan memberi nama folder project kita simple-restapi. Sebaiknya kita samakan saja agar nantinya tidak kebingungan. Ikuti Langkah di bawah ini:

Buka Terminal atau command prompt dan Ketikkan perintah

npx express-generator simple-restapi

Masuk ke folder project kita

cd simple-restapi

Jalankan perintah ini untuk menginstal package-package yang dibutuhkan

npm install

Struktur folder aplikasinya akan seperti ini

.
├── app.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views


Menjalankan App Express

Untuk menjalankan aplikasi express yang sebelumnya sudah kita install, cukup ketikkan perintah berikut dari terminal:

DEBUG=myapp:* npm start

Buka browser dan ketikkan url berikut http://localhost:3000


Jika aplikasi sudah terinstal dengan benar, maka tampilan awalnya seperti gambar di atas. Selanjutnya kita akan mencoba mengubah tampilan/teks dari aplikasi kita. Buka file routes/index.js dan edit kodenya menjadi seperti ini kemudian simpan.

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.send("Belajar Membuat REST API dengan Express.");
});

module.exports = router;

Refresh halaman web yang sudah kita buka tadi (http://localhost:3000). Lihat tampilannya masih sama atau sudah berubah?Kalau tidak ada perubahan, tenang itu bukan bug, tetapi memang secara default aplikasi express tidak akan membaca perubahan kode secara otomatis. Jadi kita perlu merestart aplikasi kita, caranya tekan CTRL+C kemudian jalankan perintah ini lagi

DEBUG=myapp:* npm start

Buka halaman http://localhost:3000 lagi, dan voila tampilan awal aplikasi kita sudah berubah


Rizqi Maulana
PHP/Javascript Backend Developer
KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami

KOMENTAR