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!
