Full Stack Developer – Membuat Apps, Route, Database dan Login di Express JS

Express JS adalah salah satu framework JavaScript yang sangat populer untuk membuat aplikasi web. Dalam tutorial ini, kita akan belajar bagaimana membuat aplikasi full stack dengan Express JS, termasuk membuat route, menghubungkan ke database, dan menambahkan fitur login.

Langkah 1: Membuat Aplikasi

Pertama-tama, pastikan kamu sudah menginstal Node.js dan Express JS. Jika belum, kamu bisa melakukannya dengan mengetikkan perintah berikut pada terminal:


npm install express --save


Setelah instalasi selesai, buat direktori untuk proyek baru dan masuk ke dalam direktori tersebut. Selanjutnya, buat file app.js dan ketikkan kode berikut:


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

app.get('/', (req, res) => {
res.send('Hello, World!');
});

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


Simpan file app.js dan jalankan aplikasi dengan mengetikkan perintah node app.js pada terminal. Kemudian buka browser dan kunjungi http://localhost:3000 untuk melihat hasilnya.

Langkah 2: Membuat Route

Sekarang kita akan menambahkan route ke dalam aplikasi kita. Misalnya, kita akan membuat route untuk halaman about. Tambahkan kode berikut di bawah kode sebelumnya:


app.get('/about', (req, res) => {
res.send('About Page');
});


Jalankan kembali aplikasi dan kunjungi http://localhost:3000/about untuk melihat halaman about.

Langkah 3: Menghubungkan ke Database

Untuk menghubungkan aplikasi Express JS ke database, kita dapat menggunakan library seperti Sequelize atau Mongoose. Misalnya, kita akan menggunakan MongoDB dengan Mongoose. Pertama-tama, instal Mongoose dengan mengetikkan perintah berikut pada terminal:


npm install mongoose --save


Selanjutnya, buat koneksi ke database MongoDB dengan kode berikut:


const mongoose = require('mongoose');

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


Langkah 4: Menambahkan Fitur Login

Terakhir, kita akan menambahkan fitur login ke dalam aplikasi. Kita bisa menggunakan library seperti Passport.js untuk melakukan autentikasi pengguna. Misalnya, kita akan menggunakan Passport.js dengan local strategy. Pertama-tama, instal library Passport.js dengan mengetikkan perintah berikut pada terminal:


npm install passport passport-local passport-local-mongoose --save


Selanjutnya, tambahkan kode berikut untuk menggunakan Passport.js:


const passport = require('passport');
const LocalStrategy = require('passport-local').Strategy;
const User = require('./models/user');

passport.use(new LocalStrategy(User.authenticate()));
passport.serializeUser(User.serializeUser());
passport.deserializeUser(User.deserializeUser());


Dengan menggunakan Passport.js, kita dapat membuat fitur login yang aman dan efisien untuk aplikasi Express JS kita.

Sekarang kamu telah berhasil membuat aplikasi full stack dengan Express JS, termasuk membuat route, menghubungkan ke database, dan menambahkan fitur login. Selamat mencoba!