{"id":6648,"date":"2023-03-17T16:02:31","date_gmt":"2023-03-17T09:02:31","guid":{"rendered":"https:\/\/alan.co.id\/?p=6648"},"modified":"2023-03-20T09:04:36","modified_gmt":"2023-03-20T02:04:36","slug":"express-js-middleware","status":"publish","type":"post","link":"https:\/\/alan.co.id\/en\/express-js-middleware\/","title":{"rendered":"Mengenal Middleware di Express js"},"content":{"rendered":"

Hi Alan Lovers<\/strong>, jika kamu adalah seorang pengembang web, pasti sudah familiar dengan framework <\/em>Express js. Framework <\/em>ini memudahkan pengembangan aplikasi web dengan menggunakan bahasa pemrograman JavaScript. Namun, apakah kamu sudah mengenal middleware di Express js? Middleware adalah komponen yang sangat penting dalam Express js karena membantu kamu menambahkan fungsionalitas pada aplikasi web kamu.<\/p>\n\n\n\n

Apa itu Middleware<\/a>?<\/h1>\n\n\n\n

Middleware <\/strong>adalah fungsi atau modul yang menangani permintaan HTTP dan respons di Express js. Komponen ini ditempatkan di antara permintaan dan respons, dan biasanya digunakan untuk melakukan beberapa tugas yang dibutuhkan dalam pengembangan aplikasi web, seperti autentikasi, logging<\/em>, validasi input, dan sebagainya.<\/p>\n\n\n\n

Middleware berfungsi sebagai jembatan antara permintaan dari pengguna dan aplikasi web kamu. Ketika pengguna mengirimkan permintaan HTTP ke server kamu, middleware akan menangani permintaan tersebut dan memberikan respons yang tepat. Middleware juga memungkinkan kamu untuk memodifikasi atau memperluas permintaan dan respons yang dikirimkan ke dan dari aplikasi web kamu.<\/p>\n\n\n\n

Bagaimana Menggunakan Middleware di Express js?<\/h2>\n\n\n\n

Express js memungkinkan kamu untuk menggunakan middleware dengan sangat mudah. kamu dapat menambahkan middleware<\/mark> ke dalam aplikasi web kamu menggunakan metode use()<\/em><\/strong>. Metode ini akan menambahkan middleware ke dalam stack <\/em>middleware Express js.<\/p>\n\n\n\n

Berikut adalah contoh penggunaan komponen ini:<\/h3>\n\n\n\n
Javascript<\/strong>

const express = require(‘express’)
const app = express()

\/\/ Middleware logging
app.use((req, res, next) => {
\u00a0\u00a0console.log(`${req.method} ${req.url}`)
\u00a0\u00a0next()
})

\/\/ Middleware autentikasi
app.use((req, res, next) => {
\u00a0\u00a0if (req.headers.authorization) {
\u00a0\u00a0\u00a0\u00a0\/\/ melakukan autentikasi
\u00a0\u00a0\u00a0\u00a0next()
\u00a0\u00a0} else {
\u00a0\u00a0\u00a0\u00a0res.status(401).send(‘Unauthorized’)
\u00a0\u00a0}})

\/\/ Route
app.get(‘\/’, (req, res) => {
\u00a0\u00a0res.send(‘Hello World!’)
})

app.listen(3000, () => {
\u00a0\u00a0console.log(‘Server running on port 3000’)
})<\/td><\/tr><\/tbody><\/table>
Pada contoh di atas, kita menambahkan dua middleware yaitu logging dan autentikasi<\/figcaption><\/figure>\n\n\n\n

Middleware logging akan mencatat setiap permintaan HTTP yang masuk ke dalam aplikasi web kita. Sedangkan middleware autentikasi akan melakukan autentikasi setiap kali pengguna mengirimkan permintaan ke server kita.<\/p>\n\n\n\n

Baca Juga: <\/strong>5 Alasan Mengapa User Experience (UX) Sangat Penting Bagi Startup<\/strong><\/a><\/p>\n\n\n

\n
\"express
Ilustrasi Mengenal middleware di Express js | Sumber: Freepik<\/figcaption><\/figure>\n<\/div>\n\n\n

Manfaat Menggunakan Komponen ini<\/h2>\n\n\n\n

Menggunakan middleware di Express js memiliki banyak manfaat, antara lain:<\/p>\n\n\n\n

    \n
  1. Menambahkan fungsionalitas pada aplikasi web kamu, seperti autentikasi, logging<\/em>, validasi input, dan sebagainya.<\/li>\n\n\n\n
  2. Memudahkan pengembangan aplikasi web dengan memperluas kemampuan framework <\/em>Express js.<\/li>\n\n\n\n
  3. Memungkinkan kamu untuk menangani permintaan dan respons HTTP secara efektif.<\/li>\n\n\n\n
  4. Mengurangi boilerplate code <\/em>dan membuat kode kamu lebih terstruktur.<\/li>\n\n\n\n
  5. Meningkatkan performa aplikasi web kamu dengan mengoptimalkan kode dan menghindari pengulangan kode yang tidak perlu.<\/li>\n<\/ol>\n\n\n\n

    Kelebihan dibandingkan yang Lainnya<\/h2>\n\n\n\n