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!!!