Blogger Jateng

Memulai dengan Express.js untuk Pengembangan Web

Maju cepat ke lingkungan pengembangan web saat ini di mana kecepatan dan skala berjalan seiring. Express.js, kerangka kerja aplikasi web Node.js yang sangat ringan, yang telah menjadi pilihan populer bagi para pengembang. Express, yang dikenal dengan kinerja dan kesederhanaannya. js aplikasi web dan API dengan mudah dengan menyediakan serangkaian fitur yang kuat. Jika Anda baru mengenal Express atau pengembang berpengalaman yang akrab dengan dasar-dasar Express, ada beberapa konsep utama yang harus dipahami. js adalah bagian penting dari pengembangan web modern. Pada artikel ini, saya akan memandu Anda melalui dasar-dasar pengaturan aplikasi Express.js.

Apa yang dimaksud dengan Express.js?

Express.js adalah kerangka kerja berbasis Node untuk aplikasi web di server. js; Sumber terbuka yang berarti Anda dapat menggunakannya secara gratis untuk teknologi canggih yang digunakan untuk membuat aplikasi web dan API. Ini mengabstraksikan kerumitan bekerja dengan logika sisi server dan mengelola permintaan dan respons HTTP, yang menjadikannya pilihan yang bagus untuk mengembangkan aplikasi web yang dapat diskalakan dan berkinerja tinggi. Express.js tidak memiliki opini, sehingga tidak memaksakan struktur atau alur kerja tertentu dan memungkinkan pengembang memiliki fleksibilitas untuk menyesuaikan proyek mereka sesuai keinginan mereka.

sumber: scholarhat.com

Menyiapkan Express.js

Untuk mulai menggunakan Express.js, Anda harus memiliki Node.js dan npm (Node Package Manager) yang terinstal di komputer Anda. Ikuti langkah-langkah berikut ini:

1. Instal Node.js

Perhatikan bahwa kami menggunakan versi baru dari situs web Node. js. Node.js dan npm sudah tersedia secara bersamaan sehingga tidak diperlukan instalasi terpisah.

2. Membuat Proyek Baru

Tentang membuat program sederhana dengan 'go run'Buka terminal atau command prompt dan buat direktori baru untuk proyek Anda. cd ke dalam direktori dan inisialisasi proyek Node js baru dengan menjalankan:

mkdir my-express-app
cd my-express-app
npm init -y

Ini akan menghasilkan file package.json, yang mengelola dependensi proyek Anda.

3. Instal Express.js

Untuk menambahkan Express.js ke proyek Anda, gunakan npm untuk menginstal paket:

npm install express

Perintah ini menginstal Express.js dan menyimpannya sebagai ketergantungan di dalam berkas package.json Anda.

Membuat Aplikasi Express Pertama Anda

Anda sekarang dapat mulai membuat aplikasi ekspres dasar setelah penyiapan proyek. Ikuti langkah-langkah berikut ini:

1. Membuat File Server

Pertama, buatlah file baru bernama server js di direktori proyek Anda. Ini adalah file tempat Anda akan menulis kode untuk aplikasi Express Anda.

2. Mengatur Server

Lalu pergi ke server js dan tambahkan kode di bawah ini:

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

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

// Start the server
app.listen(port, () => {
  console.log(`Server is running at http://localhost:${port}`);
});

Inilah yang dilakukan kode ini:
  • Mengimpor Express: Pernyataan require('express') mengimpor modul Express.
  • Instance Aplikasi: Memanggil express() akan membuat sebuah instance dari Express.
  • Mendefinisikan sebuah Rute: Aplikasi. Metode get() membuat rute yang mendengarkan permintaan GET ke URL akar (/) dan merespons dengan “Halo, Dunia!”.
  • Memulai Server: Aplikasi. Pada kode di atas, metode listen() memulai server dan mendengarkan permintaan yang masuk pada port yang disediakan (3000 dalam kasus ini).

3. Jalankan Server

Jalankan server Anda dengan menjalankan perintah berikut pada terminal Anda:

node server.js

Buka browser web Anda dan buka http://localhost:3000. Anda akan melihat pesan “Halo, Dunia!” yang ditampilkan.

Menjelajahi Lebih Banyak Fitur

Express.js memiliki banyak fitur yang dapat membantu Anda meningkatkan aplikasi Anda:
  • Middleware: Fungsi middleware adalah fungsi yang mendapatkan akses ke objek permintaan dan respons, mereka dapat memodifikasi data, mengakhiri respons, memanggil middleware berikutnya, dll.
  • Perutean: Express menawarkan mekanisme perutean yang kuat untuk menulis titik akhir aplikasi Anda.
  • Mesin Templating: Gunakan mesin templating seperti EJS atau Pug untuk merender konten HTML secara dinamis.
  • File Statis: menyajikan aset statis (gambar, CSS, JavaScript, dll.) dengan middleware statis ekspres.

Kesimpulan

Express.js adalah alat yang hebat dalam pengembangan web modern dan merupakan kerangka kerja yang ringan namun kuat untuk membuat aplikasi web dan API. Express adalah kerangka kerja aplikasi web minimal untuk Node. js untuk Pemula & Pengembang Berpengalaman Tidak perlu mencari lebih jauh lagi. Dengan panduan ini, Anda telah mengambil langkah pertama untuk menguasai Express.js. Bermain-main dengan kemampuannya, bereksperimen dengan middleware, membangun solusi yang kompleks untuk memperluas keahlian Anda.

baca juga>>>