Diselesaikan: cara mengirim file html dengan express

Masalah utama terkait pengiriman file HTML dengan Express adalah bahwa Express tidak mendukung penyajian file statis seperti HTML, CSS, dan JavaScript. Untuk menyajikan file statis, Anda harus menggunakan middleware seperti express.static() atau middleware express.static yang disediakan oleh paket serve-static. Middleware ini akan memungkinkan Anda untuk menentukan direktori tempat file statis Anda berada dan kemudian memetakan permintaan untuk file tersebut ke direktori itu.

To send an HTML file with Express, you can use the res.sendFile() method. This method takes the path of the file as its argument and sends it to the client.

Example: 
app.get('/', (req, res) => { 
   res.sendFile(__dirname + '/index.html'); 
});

1. app.get('/', (req, res) => {
// Baris ini mendefinisikan penangan rute untuk jalur akar aplikasi. Saat permintaan dibuat ke jalur root, fungsi callback ini akan dieksekusi dengan objek req dan res sebagai argumennya.

2. res.sendFile(__dirname + '/index.html');
// Baris ini menggunakan metode Express sendFile() untuk mengirim file HTML yang terletak di __dirname + '/index.html' ke klien sebagai tanggapan atas permintaan mereka untuk jalur akar aplikasi

Apa itu file HTML

File HTML adalah file Hypertext Markup Language, yang digunakan untuk membuat halaman web. File HTML terdiri dari tag dan atribut yang menentukan struktur dan konten halaman web. Mereka ditulis dalam teks biasa, sehingga dapat dibuka dan diedit dengan editor teks apa pun.

Tentang ExpressJS

ExpressJS adalah kerangka kerja aplikasi web untuk Node.js, dirilis sebagai perangkat lunak bebas dan sumber terbuka di bawah Lisensi MIT. Ini dirancang untuk membangun aplikasi web dan API. Itu telah disebut kerangka kerja server standar de facto untuk Node.js.

ExpressJS menyediakan serangkaian fitur yang kuat untuk mengembangkan aplikasi web dan seluler. Ini menyederhanakan proses perutean permintaan, mengelola middleware, merender halaman HTML, dan mengirim respons ke sisi klien. ExpressJS juga menyediakan dukungan untuk mesin template seperti Jade, EJS dan Handlebars.

Kerangka kerja ExpressJS didasarkan pada JavaScript dan menggunakan pola arsitektur MVC (Model-View-Controller) yang membantu pengembang membuat aplikasi yang dapat diskalakan dengan mudah. Selain itu, ini memungkinkan pengembang untuk menggunakan banyak basis data seperti MongoDB, Redis, MySQL, dll., yang membuatnya lebih mudah untuk membangun aplikasi yang kompleks.

Bagaimana cara mengirim file HTML menggunakan Express

Untuk mengirim file HTML menggunakan Express, Anda perlu menggunakan metode res.sendFile(). Metode ini mengambil jalur file sebagai argumen dan mengirimkannya sebagai respons ke klien.

Contoh:
app.get('/', (req, res) => {
res.sendFile(__dirname + '/index.html');
});

Pos terkait:

Tinggalkan Komentar