Express.js adalah kerangka kerja Node.js. Sama seperti Laravel pada PHP. Express.js hadir dengan banyak kesederhanaan untuk memahami node dan memiliki kekuatan dalam membuat perutean menjadi sangat mudah. Ini juga memudahkan untuk menerima permintaan dari frontend dan menghubungkan ke database aplikasi kita.
Express.js menggunakan pola desain MVC(model, tampilan, dan pengontrol). Kita akan melihat ini seiring kemajuan kita dalam tutorial ini, sebaiknya di bagian 2 tutorial ini.
Dalam tutorial ini, kita akan membuat aplikasi sederhana dengan tujuan untuk memahami Express.js.
Persyaratan Dasar
- NodeJs
- IDE
- Pengetahuan Dasar tentang Javascript merupakan nilai tambah tetapi hal ini tidak boleh menghentikan Anda untuk belajar.
Mari kita mulai
Menginstal Express.js
Sebelum kita menginstal Express, mari kita verifikasi apakah kita telah menginstal Nodejs dan NPM di mesin kita.
Buka terminal atau command prompt Anda dan jalankan
node -v
dan juga
npm -v
Setelah verifikasi, kita dapat menginstal Express.js melalui NPM menggunakan perintah ini:
npm install express
Anda dapat mempertimbangkan untuk menginstal express secara global sehingga Anda dapat berbagi modul di beberapa aplikasi. Oleh karena itu untuk menginstal secara global Anda perlu -g
npm install -g express
Express.js telah berhasil diinstal di mesin kami. Sekarang mari kita lanjutkan dan membuat aplikasi kita menggunakan
express expressapp
Di sini, saya menggunakan expressapp sebagai nama aplikasi saya, Anda dapat menggunakan nama apa pun pilihan Anda
Perintah ini membuat banyak file dan folder untuk kita yang tidak perlu kita buat secara manual.
Mari kita lihat sekilas, navigasikan ke aplikasi dengan menjalankan cd expressapp
dan buka dengan editor teks Anda. Saya menggunakan Vscode dan dapat dengan mudah membuka menggunakan terminal saya dengan code .
- package.json: File ini berisi daftar semua paket node yang telah kita instal di aplikasi dan pengenalan aplikasi.
- app.js: File ini adalah halaman entri utama untuk aplikasi ekspres. Kode server
web berada di file ini. - publik: Kita dapat menggunakan folder ini untuk memasukkan aset seperti gambar, stylesheet, atau kode JavaScript khusus.
- tampilan: Folder ini berisi semua file tampilan kami yang akan dirender di browser.
- rute: Folder ini memiliki daftar lengkap semua rute yang akan kita buat aksesnya ke berbagai halaman aplikasi.
- bin: Folder ini berisi file yang dapat dieksekusi untuk Node.js.
Sekilas pada file package.json
kami menunjukkan bahwa perintah ekspres telah menginstal dependensi yang diperlukan.
Mari kita lihat sekilas tentangnya.
- express: Ini adalah kerangka kerja JavaScript Node.js dan digunakan untuk membangun aplikasi web yang skalabel di atas Node.js.
- static-favicon: Ini untuk menampilkan favicon di browser untuk mengidentifikasi aplikasi kita
- morgan: Ini adalah middleware untuk mencatat permintaan HTTP
- body-parser: Ini digunakan untuk mengurai parameter isi yang kami berikan saat membuat permintaan HTTP
- debug: Ini adalah paket utilitas JavaScript yang menyediakan format cantik untuk apa yang console.log kembalikan
- jade: Seperti disebutkan sebelumnya, ini adalah mesin templating default untuk Node.js. Kita seharusnya melihat peringatan saat membuat aplikasi dengan perintah ekspres, yang mengatakan bahwa mesin tampilan default tidak akan menjadi giok di rilis mendatang. Ini karena batu giok akan digantikan oleh pesek; giok memiliki hak cipta oleh sebuah perusahaan dan namanya kemudian diubah menjadi pug.
Ayo lanjutkan dan ubah dari jade
ke pug
Di file package.json
, hapus baris ”jade”: “~1.3.0”
, untuk menginstal pug, jalankan
npm install pug --save
Ganti nama file di folder views:
- error.jade ke error.pug
- indeks.jade ke indeks.pug
- layout.jade ke layout.pug
Terakhir, di app.js, ganti app.set(‘view engine’, ‘jade’)
dengan app.set(‘view engine’, ‘pug’)
lalu jalankan npm install
untuk menginstal semua dependensi
Anda mungkin bertanya-tanya kapan kita akhirnya akan melihat sesuatu di browser kita, kita sudah ada di sana.
Siapkan server web
Tambahkan baris kode berikut ke file app.js
Anda
app.listen(3000, function() { console.log('listening on 3000') })
Sekarang buka terminal Anda dan jalankan node app.js
untuk memulai aplikasi Anda
Buka browser Anda dan jalankan localhost:3000
Selamat!!!! Ini dia, kami telah membuat aplikasi express.js pertama kami.
Apa selanjutnya
Kita akan meningkatkan aplikasi kita dengan mengimplementasikan arsitektur MVCke dalam aplikasi kita di bagian 2 tutorial ini.
Silakan tinggalkan komentar jika Anda memiliki hal lain untuk ditambahkan atau memiliki pertanyaan. Saya harap Anda mempelajari sesuatu yang baru selama ini.Ini» adalah repo Github untuk proyek ini. Selamat Mengkode!!!