Mudahnya Membuat Project Expressjs (Tutorial Cepat)

Expressjs merupakan salah satu framework untuk membuat web application yang mudah dijalankan dan tidak terlalu ribet untuk membuatnya. Bahasa yang digunakan adalah JavaScript, namun bisa juga naik ke atas lagi menggunakan EcmaScript.

Di story ini gw gak jelasin secara detil dan hanya memberikan arahan secara singkat dan semoga jelas! Hehe…

Sebelum memulai, pastikan sudah melakukan install NodeJS pada device serta sudah dapat digunakan.

Untuk membuat project Expressjs ini ada dua cara yaitu :
1. Membuat project NodeJS dan memasang Expressjs.
2. Menggunakan Express Generator.

Oke, langsung kita mulai aja!

Membuat project NodeJS dan memasang Expressjs.

• Buat direktori baru dan pastinya masih kosong dong.
• Buka cmd/terminal dan arahkan ke path direktori tersebut.
• Inisialisasi project node dan masukkan package-name, version, dll (Pada bagian extry point masukan “app.js”) dengan menjalankan perintah :

npm init

• Tambahkan Expressjs pada project dengan menjalankan perintah :

npm i --save express

• Tambahkan file app.js dengan menggunakan touch-cli (install touch-cliterlebih dahulu) atau new file pada Text Editor/IDE.

touch app.js

• Masukan kode berikut di dalam app.js :

const express = require('express')
const app = express()
const port = 3000
app.get('/', (req, res) => res.send('Hello World!'))
app.listen(port, () => console.log(`Example app listening on port ${port}!`))

• Jalankan aplikasi dengan perintah berikut :

node app.js

• Bukalah pada http://localhost:3000/ maka akan menampilkan “Hello World!”.
• YEAYYY! PROJECT SUDAH BERHASIL DIBUAT!

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

Menggunakan Express Generator

• Buat direktori baru dan pastinya masih kosong dong.
• Buka cmd/terminal dan arahkan ke path direktori tersebut.
• Install Express Generator dengan perintah :

npm install express-generator -g

• Inisialisasi menggunakan express generator.

express --view=pug nama-project

• Jalankan ketiga perintah berikut untuk menginstall dependency dan menjankan project :

cd nama-project
npm install
SET DEBUG=nama-project:* & npm start

• Bukalah pada http://localhost:3000/ maka akan menampilkan halaman Express Project.
• YEAYYY! PROJECT SUDAH BERHASIL DIBUAT!

Sekian yang bisa gw bagikan. Semoga tidak ada kesulitan saat melakukan tutorial cepat ini serta dapat bermanfaat. Terima Kasih!

Baca juga : Membuat Todo App RESTful Expressjs Sederhana (Tutorial Cepat)