Starter Pack untuk Memulai Membangun Web Menggunakan ExpressJS

Kali ini saya akan membuat standar starter pack untuk membangun aplikasi web menggunakan MicroFramework ExpressJS. lesssgooo

Jika kamu sudah memasuki log ini atau sudah membaca log ini, tentunya kamu sudah paham apa itu NodeJS dan sudah terinstall di PC/Laptop kamu kan? Kalau belum silahkan pahami dulu apa itu NodeJS di log saya yang sebelumnya.

Oke Kalau sudah mari kita lakukan langkah yang pertama, yaitu membuat folder project website. Buatlah folder project website di laptop kamu, terserah lokasinya di mana aja asal kamu ingat ya, dan untuk pengguna Windows silahkan letakkan folder tersebut dalam Disk C kalian agar project kamu dapat dibaca oleh system Windows.

Kalau sudah, klik kanan pada folder dan pilih Open with Visual Studio Code.

Langkah selanjutnya, buatlah satu file yang bernama main.js

Kalau sudah, buka terminal pada VSCode atau menggunakan shortcut: ctrl + `

Setelah itu ketikkan syntax berikut:

npm init -y

Fungsi dari baris kode tersebut adalah untuk menginisialisasikan folder kalian agar dapat mengakses npm dan node_modules.

Setela itu, kalian bisa lanjutkan mengetik syntax berikut:

npm i express

Baris kode diatas merupakan penginstall-an package express pada folder kamu.

Sekarang harusnya di folder kamu sudah terdapat:

• node_modules
• main.js
• package.json
• package-lock.json

Benar kan??

Kalau benar, berarti folder kalian siap untuk membangun website menggunakan ExpressJS.

Langkah berikutnya, buka file main.js lalu ketikkan baris code berikut:

const express = require('express')    //menyertakan package express pada file main.js
const app = express()    //menggunakan function express yang ada pada package express
const PORT = 3000    //membuat port untuk web app kita
const HOST = 'localhost' || '127.0.0.1'    //membuat hostname local

//routing
app.get('/', (req, res) => {  
  res.send('Hello Express')    //respon dengan teks Hello Express
})

//logika atau routing website kamu yang lainnya di sini

//app listen
app.listen(PORT, () => {
  console.log(`Server berjalan di port: ${PORT}`)
  console.log(`Dapat diakses melalui: http://${HOST}:${PORT}`)
})

Untuk menjalankan programnya, kamu bisa kembali buka terminal dan jalankan perintah:

node ./main.js

Maka akan keluar output:

Server berjalan di port: 3000
Dapat diakses melalui: http://localhost:3000

Selamat, website kamu sudah dapat diakses menggunakan link tersebut dan kamu sudah mengimplementasikan MicroFramework ExpressJS pada aplikasi web kamu.

Mungkin itu saja untuk starterpack express, karena tidak ada aturan atau standarisasi struktur folder pada Express karena Express sendiri memberikan kebebasan kepada developer agar menentukan struktur foldernya.

Cukup sampai di sini, good luck!👍️