Express.js adalah kerangka web ringan untuk Node.js, runtime JavaScript yang banyak digunakan. Hal ini memungkinkan pengembang dengan cepat membuat server web dan aplikasi web kompleks dengan sedikit kode.

Bootcamp ini akan mengajari Anda cara membangun server web Express.js dari awal hanya dalam satu jam. Anda akan mulai dengan menginstal Node.js dan membuat proyek Express.js baru, sebelum beralih ke perutean, middleware, dan penyajian file statis. Anda akan mempelajari konsep inti dan fitur Express.js selama prosesnya, seperti permintaan dan respons objek, middleware fungsi, dan perutean.

Di akhir Bootcamp ini, Anda akan memiliki dasar yang baik dalam Express.js dan dapat mulai membuat aplikasi web Node.js. Bootcamp ini akan memberi Anda keterampilan dan informasi yang Anda butuhkan untuk sukses, baik Anda seorang programmer pemula atau pengembang berpengalaman yang ingin mempelajari kerangka kerja baru.

Untuk memulai, Anda harus menginstal Node.js di komputer Anda. Jika Anda belum memilikinya, Anda bisa mendapatkannya dari situs resminya (https://nodejs.org).

Setelah menginstal Node.js, jalankan perintah berikut di terminal Anda untuk memulai proyek Express.js baru:

npm init -y

Hal ini akan menghasilkan pembuatan paket baru. Di direktori Anda saat ini, buat file JSON yang berisi metadata tentang proyek Anda, seperti nama, versi, dan dependensinya.

Kemudian, gunakan perintah berikut untuk menginstal paket Express.js:

npm install express

Ini akan menambahkan Express.js ke paket Anda dan menginstalnya. Sebagai ketergantungan, ada file JSON.

Sekarang setelah Anda menginstal Express.js, Anda dapat mulai membangun server web pertama Anda. Tambahkan kode berikut ke file baru bernama app.js:

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello, World!');
});

const port = 3000;
app.listen(port, () => {
  console.log(`Server listening on port ${port}`);
});

Kode ini memulai aplikasi Express.js dan mendefinisikan satu rute, '/,' yang mengirimkan pesan “Halo, Dunia!” pesan. Saat server web siap menangani permintaan, server akan memulainya pada port 3000 dan mencatat pesan ke konsol.

Jalankan perintah berikut di terminal Anda untuk memulai server:

node app.js

Pesan “Server mendengarkan pada port 3000” akan muncul di konsol. Buka browser web dan buka http://localhost:3000/ untuk menguji server Anda. Pesan “Halo, Dunia!” akan muncul di browser.

Selamat! Anda baru saja selesai mengonfigurasi server web Express.js pertama Anda.

Middleware di Express.js mengacu pada fungsi yang dipanggil oleh lapisan perutean Express.js sebelum pengendali rute dipanggil. Fungsi middleware memiliki akses ke objek permintaan dan respons, serta fungsi middleware berikutnya dalam siklus permintaan-respons aplikasi.

Fungsi middleware dapat digunakan untuk melakukan hal-hal seperti mengurai badan permintaan, menyajikan file statis, mengautentikasi permintaan, dan mengubah objek permintaan atau respons.

Fungsi app.use dapat digunakan untuk menyertakan middleware dalam aplikasi Express.js. Sebagai masukan, fungsi ini menambahkan fungsi middleware ke tumpukan middleware aplikasi.

Misalnya, Anda dapat menggunakan kode berikut untuk memanfaatkan fungsi middleware express.json bawaan, yang mem-parsing permintaan masuk dengan payload JSON dan membuat konten tersedia di properti req.body:

app.use(express.json());

Anda juga dapat membuat fungsi middleware khusus. Ciri khas fungsi middleware khusus adalah sebagai berikut:

function myMiddleware(req, res, next) {
  // Perform some task
  // ...
  // Call the next middleware function
  next();
}

Anda dapat meneruskan fungsi middleware khusus ke aplikasi untuk menggunakannya. Gunakan fungsi berikut:

app.use(myMiddleware);

Fungsi-fungsi middleware dijalankan sesuai urutan pengenalannya ke tumpukan middleware. Artinya, urutan penambahan fungsi middleware ke aplikasi Express.js Anda sangatlah penting.

Middleware body-parser adalah paket Express.js umum yang mem-parsing badan permintaan masuk dan membuatnya tersedia di bidang req.body objek permintaan. Ini berguna untuk menangani permintaan HTTP dengan payload, seperti permintaan POST atau PUT dengan data di badan permintaan.

Anda harus terlebih dahulu menginstal middleware body-parser sebagai dependensi di aplikasi Express.js Anda menggunakan npm:

npm install body-parser

Kemudian, di file app.js Anda, minta modul body-parser dan tambahkan sebagai middleware:

const bodyParser = require('body-parser');
// Add body-parser middleware
app.use(bodyParser.json());

Fungsi bodyParser.json() mengembalikan middleware yang mem-parsing penerimaan payload JSON dan mengembalikan data ke properti req.body.

Untuk memproses permintaan masuk dengan payload yang dikodekan URL, gunakan fungsi bodyParser.urlencoded:

app.use(bodyParser.urlencoded({ extended: true }));

Setelah menginstal middleware body-parser, Anda dapat mengakses isi permintaan di rute Anda sebagai berikut:

app.post('/users', (req, res) => {
  console.log(req.body);  // The request body is available on the req.body property
});

Perutean adalah elemen penting dari server web mana pun karena memungkinkan Anda menangani berbagai URL dan metode HTTP dengan berbagai cara. Anda dapat menentukan rute di Express.js dengan menggunakan aplikasi. Fungsi METHOD, dimana METHOD menunjukkan metode HTTP yang akan ditangani (misalnya, GET, POST, PUT, dll.).

Untuk membuat rute yang menangani permintaan HTTP GET ke jalur '/users', misalnya, gunakan kode berikut:

app.get('/users', (req, res) => {
  // Handle the request here
  const user = req.query;
  console.log(user);
  res.send('Users fetched');
});

Di sini, fungsi app.get membuat rute yang mendengarkan permintaan HTTP GET ke jalur '/ pengguna'. Fungsi ini mengambil dua argumen: objek permintaan (req) dan objek respons (res). Anda dapat menggunakan objek ini untuk mengakses informasi tentang permintaan dan mengirim respons ke klien.

app.get('/users/:id', (req, res) => {
  // Access the dynamic value using req.params.id
  res.send('User fetched');
});

Karena objek req.params berisi nilai dinamis di jalurnya, Anda dapat menggunakan req.params.id untuk mendapatkan parameter id.

Selain metode app.get, Express.js memiliki berbagai fungsi perutean lainnya seperti app.post, app.put, app.delete, dan lainnya. Rutinitas ini dapat digunakan di rute Anda untuk menangani berbagai metode HTTP.

Untuk membuat rute yang menangani permintaan HTTP POST ke jalur '/users', misalnya, gunakan kode berikut:

app.post('/users', (req, res) => {
  // Handle the request here
});

Untuk menangani semua metode HTTP di lokasi tertentu, gunakan fungsi app.all. Sebagai contoh:

app.all('/users', (req, res) => {
  // Handle all HTTP methods at the '/users' path
});

Anda dapat menggunakan fungsi middleware express.static untuk menyajikan file statis dengan Express.js. Sebagai masukan, metode ini menerima jalur ke direktori yang menyimpan file statis dan mengirimkan file dalam direktori tersebut ke klien.

Misalnya, untuk menyajikan file statis dari direktori 'publik', gunakan kode berikut:

app.use(express.static('public'));

Hal ini membuat semua file di direktori 'publik' dapat diakses oleh klien melalui jalur root. Jika direktori 'publik' memiliki file bernama style.css, maka dapat diakses melalui URL /style.css.

Dengan memberikan argumen kedua pada fungsi express.static, Anda dapat menentukan direktori dasar yang berbeda untuk file statis. Sebagai contoh:

app.use('/static', express.static('public'));

Hal ini membuat file di direktori 'publik' dapat diakses oleh klien melalui jalur '/statis'. Misalnya, file style.css sekarang dapat diakses melalui URL /static/style.css.

Penting untuk diperhatikan bahwa fungsi middleware express.static harus muncul sebelum rute apa pun yang mungkin cocok dengan direktori yang sama dengan file statis. Hal ini karena fungsi middleware akan memproses permintaan dan mentransfer file ke klien, sehingga mencegah pemanggilan rute.

Sebagai kesimpulan, Kamp Pelatihan Express.js: Dari Nol ke Server Web dalam Satu Jam adalah pelajaran mendalam yang menunjukkan kepada Anda cara membuat server web sederhana dengan kerangka kerja Node.js yang populer, Express .js. Anda menemukan cara menginstal Node.js dan memulai proyek Express.js baru, serta cara mengonfigurasi perutean dan middleware serta menyajikan file statis.

Anda sekarang seharusnya memiliki dasar yang baik dalam Express.js dan dapat mulai membangun aplikasi web Node.js jika Anda mengikuti tahapan dalam panduan ini. Bootcamp ini memberikan keterampilan dan informasi yang Anda butuhkan untuk sukses, baik Anda seorang programmer pemula atau pengembang berpengalaman yang ingin menguasai kerangka kerja baru.

Tentu saja, masih banyak lagi yang perlu dipelajari tentang Express.js dan pemrograman web secara umum, namun pelajaran ini akan membantu Anda memulai. Saya harap ini informatif bagi Anda, dan saya mendorong Anda untuk terus mempelajari dan menjelajahi dunia pengembangan web.

Konten lainnya di PlainEnglish.io.

Daftar ke buletin mingguan gratis kami. Ikuti kami di "Twitter", "LinkedIn", "YouTube", dan "Discord" .

Tertarik untuk meningkatkan skala startup perangkat lunak Anda? Lihat "Sirkuit".