Panduan Pemula untuk Memulai Node.js

Panduan Pemula Untuk Memulai Node Js



Node.js telah membuktikan dirinya sebagai alat yang ampuh dalam pengembangan web, mendapatkan popularitas di kalangan pengembang karena efisiensi, keandalan, dan skalabilitasnya. Mendapatkan pemahaman dasar sebelum mendalami apa pun dan mengetahui segala sesuatu di satu tempat merupakan perasaan yang luar biasa. Anda harus datang ke tempat yang tepat jika ingin mengembangkan pemahaman mendalam tentang Node.js. Setelah membaca artikel ini pengguna dapat memulai perjalanan mereka menulis skrip kode di Node.js.

Posting ini akan mencakup:

Apa itu Node.js?

Query yang paling sering dicari di mesin pencari Google adalah Apa itu Node.js? Pertanyaan paling populer adalah Apakah Node.js itu bahasa pemrograman? Apakah ini sebuah kerangka kerja? Apakah itu perpustakaan? Untuk menyederhanakan, Node.js dapat didefinisikan sebagai lingkungan runtime yang didukung oleh perpustakaan JS.







Salah satu lingkungan runtime Javascript lintas platform sumber terbuka yang terkenal adalah Node.js. Karena kemampuan beradaptasinya, ia dapat digunakan dalam proyek atau aplikasi apa pun. Yang membedakannya adalah penggunaan mesin V8, mesin yang sama yang menggerakkan Google Chrome. Hal ini menjadikan Node.js pilihan optimal untuk pembuatan skrip di sisi server dan mengeksekusi skrip kode di luar lingkungan pengembangan.



Node.js sangat berbeda dari bahasa pemrograman sisi server lainnya. Perlu dicatat bahwa ini bukan server backend atau server web. Sendirian tidak dapat melakukan apa pun kecuali kumpulan modul membantu dalam membuat proyek yang terukur. Ini berjalan pada satu server dan tidak menghasilkan thread tambahan untuk setiap permintaan. Selain itu, paradigma non-pemblokiran digunakan untuk menulis sebagian besar perpustakaan NodeJS, sehingga perilaku pemblokiran adalah pengecualian dan bukan aturan. Primitif I/O asinkron adalah fitur pustaka standar Node.js yang mencegah pemblokiran kode JavaScript.



Ketika Node.js melakukan operasi I/O, seperti melakukan operasi kasar melalui jaringan, Node.js tidak akan memblokir thread dan menyia-nyiakan siklus CPU yang menunggu untuk merespons; sebaliknya, ia akan melanjutkan operasinya setelah respons diterima.





Contoh Sederhana Node.js

Contoh sederhana untuk memahami konsep Node.js adalah dengan membuat server web dan menulis beberapa teks. Karena ini merupakan pengenalan Node.js, jadi mari tambahkan baris intro ke port web:

konstanta http = memerlukan ( 'http' ) ;

konstanta ServerPort = 3000 ;

konstanta server = http. buatServer ( ( permintaan, soal ) => {

res. Kode status = 200 ;

res. setHeader ( 'Jenis konten' , 'teks/polos' ) ;

res. akhir ( 'Panduan Pemula untuk Memulai Node.js! \N ' ) ;

} ) ;

server. mendengarkan ( Pelabuhan server, ( ) => {

menghibur. catatan ( `Server berjalan di http : //host lokal:${serverPort}/`);

} ) ;

Dalam kode ini:



  • “const http = require('http')” mengimpor modul http yang membantu membuat server HTTP dan menangani fungsionalitas yang terkait dengannya.
  • “const serverPort = 3000” mendefinisikan port tempat server akan beroperasi.
  • “const server = http.createServer((req, res) => {})” menggunakan metode buat server dari modul http untuk membuat server dengan fungsi panggilan balik yang mengambil dua argumen, satu adalah permintaan dan yang lainnya adalah respons yang akan dihasilkan untuk permintaan tersebut.
  • Di dalam fungsi panggilan balik, kode status HTTPS diatur ke 200, dan tipe konten respons diatur ke teks biasa. Selain itu, server web menampilkan pesan berjudul “Panduan Pemula untuk Memulai Node.js”.
  • “server.listen(serverPort, () =>{})” dipanggil untuk memulai server dan mendengarkan semua permintaan masuk di server. Fungsi panggilan balik dipanggil setelah server dimulai dan menampilkan pesan di terminal untuk menunjukkan port tempat server dimulai.

Keluaran

Gunakan baris di bawah ini untuk eksekusi:

aplikasi simpul. js

Di mana Aplikasi.js adalah nama aplikasinya.

Output di terminal adalah:

Ini menunjukkan bahwa server telah mulai dan mendengarkan permintaan masuk. Untuk memeriksa respon di server gunakan tautan berikut “ http://localhost:3000/ ”.

Output di sisi server akan muncul sebagai:

Bagaimana Cara Kerja Node.js?

Node.js adalah platform yang membantu server menangani banyak permintaan secara bersamaan. Meskipun hanya menggunakan satu thread untuk menangani permintaan, ia secara efektif mengelola operasi input dan output melalui penggunaan thread. Thread adalah sekelompok instruksi yang melakukan tugas pada waktu yang sama. Node.js bekerja dengan perulangan peristiwa yang mengontrol tugas tanpa berhenti hingga tugas selesai sebelum memulai tugas berikutnya.

Perulangan peristiwa Node.js adalah perulangan kontinu dan semi-tak terbatas. Loop ini mengelola peristiwa sinkron dan non-sinkron di Node.js. Segera setelah proyek Node.js diluncurkan, eksekusi dipicu, yang dengan mulus mentransfer tugas-tugas sulit ke sistem. Hal ini memungkinkan tugas-tugas lain di thread utama berjalan dengan lancar.

Untuk memahami dan memahami konsep detail Event loop di Node.js, kami telah menulis a artikel khusus pada topik ini.

Kelebihan Node.js

Beberapa kelebihan utama Node.js adalah:

  • Skalabilitas : Menyederhanakan pertumbuhan aplikasi dua arah: horizontal dan vertikal.
  • Aplikasi Web Waktu Nyata : terbaik untuk tugas yang memerlukan sinkronisasi cepat dan mencegah terlalu banyak beban pada HTTP.
  • Kecepatan : Melakukan tugas dengan cepat, seperti memasukkan atau mengeluarkan data dari database, menghubungkan dengan jaringan, atau menangani file.
  • Kemudahan belajar : Node.js mudah dipelajari bagi pemula karena menggunakan Javascript.
  • Manfaat Cache : Hanya menyimpan satu bagian, jadi tidak perlu menjalankan kode lagi saat diminta, cache adalah memori yang cepat dan menghemat waktu pemuatan tambahan.
  • Streaming Data : Menangani permintaan dan respons HTTP sebagai peristiwa berbeda sehingga meningkatkan kinerja.
  • Tuan rumah : Mudah dipasang di situs web seperti PaaS dan Heroku.
  • Dukungan Perusahaan : Digunakan oleh bisnis besar seperti Netflix, SpaceX, Walmart, dll.

Bagaimana cara menginstal Node.js di Windows?

Sejak kita mulai mengembangkan aplikasi Node.js, jika kita memiliki lingkungan Windows, lingkungan Node.js harus dikonfigurasi. Ikuti panduan langkah demi langkah di bawah ini untuk menyiapkan lingkungan Node.js di sistem operasi Windows.

Langkah 1: Unduh paket penginstal Node.js

Kunjungi situs resmi Node.js Situs Resmi Node.js dan pastikan Anda mengunduh Node.js versi terbaru. Juga, periksa apakah manajer paket npm diinstal dengannya karena ini memainkan peran penting dalam penskalaan aplikasi Node.js.

Cukup klik pada Penginstal Windows dan pengunduhan akan dimulai. Versi yang diunduh adalah 64-bit dan versi LTS (Dukungan Jangka Panjang) direkomendasikan. Jalankan pemaket penginstal untuk menginstal Node.js.

Langkah 2: Instal modul Node.js dan NPM di Komputer Anda

Layar berikut akan muncul jadi klik tombol Berikutnya:

Setelah mengklik Berikutnya, sebuah jendela baru akan muncul di mana pengguna akan diminta untuk memasukkan jalur yang dimaksudkan untuk mengunduh perpustakaan msi Node.js.

Sekarang di jendela di bawah pilih jalur yang diinginkan dan klik tombol berikutnya:

Setelah mengklik tombol berikutnya Anda akan mendapatkan jendela pengaturan khusus di mana Anda akan diminta untuk memilih paket yang ingin Anda instal. Dari jendela ini pilih manajer paket npm secara default runtime Node.js dipilih. Di manajer paket npm, Node.js dan paket npm diinstal.

Terakhir, klik tombol Instal untuk memulai perjalanan.

Langkah 3: Verifikasi Versi yang diinstal

Mengetahui versi mana yang diinstal sangatlah penting, jadi untuk memeriksanya, buka bilah pencarian Windows dan ketik Command Prompt:

Setelah jendela command prompt terbuka, ketik dua perintah untuk verifikasi.

Versi Node.js

Versi Node.js dapat diperiksa dengan menggunakan perintah berikut di command prompt:

simpul - di dalam

Versi yang diinstal akan muncul

Versi NPM

Untuk pemeriksaan versi npm, gunakan perintah berikut:

npm - di dalam

Versi untuk npm akan muncul di terminal.

Selesai sekarang Anda dapat mulai mengembangkan aplikasi dengan pengaturan lingkungan Node.js.

Semua pengguna tidak menggunakan Windows sehingga diharapkan dapat memenuhi kebutuhan semua orang. Di bawah ini adalah proses untuk menginstal Node.js di Mac.

Bagaimana cara menginstal Node.js di Mac?

Bagi pengguna yang menggunakan Mac, instalasinya hampir sama untuk Windows. Pergi ke situs resmi Node.js dan unduh paket untuk Mac.

Langkah 1: Unduh Manajer Paket untuk Mac

Kunjungi situs resmi Node dan unduh MacOSInstaller NodeJS:

https://nodejs.org/en/download/current

Klik tombol yang ditentukan di layar di atas untuk memulai pengunduhan.

Pengguna dapat menentukan lokasi pemasangannya.

Langkah 2: Instal file Node.js .pkg

Jalankan file penginstal dan ikuti panduan instalasi:

Klik tombol “Instal”, dan instalasi Node.js akan dimulai.

Setelah instalasi NodeJS selesai, akan muncul ringkasan:

Klik tombol 'Tutup' untuk menyelesaikan instalasi.

Langkah 3: Verifikasi Instalasi dan Versi Node.js

Untuk verifikasi bahwa Node.js telah diinstal dan untuk memeriksa versinya, gunakan perintah berikut:

simpul -- Versi: kapan

Langkah 4: Tingkatkan NPM Secara Global

Jalankan perintah yang diketik di bawah ini untuk meningkatkan NPM untuk semua pengguna sistem menggunakan tanda “–global”:

sudo tepat instal npm -- global

Langkah 5: Atur Jalur Node ke Variabel $PATH

Jalankan perintah berikut untuk mengatur Variabel PATH untuk NodeJS:

ekspor JALUR =/ usr / lokal / git / tempat sampah :/ usr / lokal / tempat sampah : $JALAN

Catatan: Pada perintah di atas, “/usr/local/bin” adalah lokasi dimana NodeJS diinstal secara default.

Langkah 6: Perbarui detail PATH di “.bash\_profile”

Tambahkan detail jalur ke “~/.bash\_profile” menggunakan perintah yang diberikan di bawah ini:

gema 'ekspor PATH=/usr/local/bin:$PATH' >> ~ / . pesta \_Profil

Langkah 7: Perbarui ~/.bashrc

Untuk membuatnya tersedia untuk semua pengguna, jalankan perintah yang diberikan di bawah ini:

sumber ~ / . bashrc

Itu saja tentang menginstal NodeJS dan mengatur variabel PATH di MacOS untuk NodeJS.

Bagaimana cara menginstal Node.js di Linux?

Untuk menginstal Node.js pada sistem Operasi Linux berbasis Debian, ikuti prosedur langkah demi langkah yang diberikan di bawah ini:

Langkah 1: Buka terminal

Pertama, jalankan terminal menggunakan tombol pintasan keyboard “CTRL+ALT+T”:

Langkah 2: Perbarui dan tingkatkan sistem

Jalankan perintah yang diketik di bawah ini untuk memperbarui dan meningkatkan repositori sistem:

sudo pembaruan yang tepat && sudo apt meningkatkan - Dan

Langkah 3: Instal Node menggunakan manajer paket apt

Setelah memperbarui repositori sistem, instal Node.js dari manajer paket APT resmi menggunakan perintah:

sudo tepat instal nodejs

Langkah 4: Verifikasi Instalasi Node

Setelah terinstal, verifikasi instalasi dengan memeriksa versi Node.js menggunakan perintah di bawah ini:

simpul - di dalam

Langkah 5: Instal NPM

Merupakan praktik yang baik untuk menginstal NPM bersama dengan NodeJS karena hal ini sering diperlukan. NPM juga tersedia di repositori resmi APT dan dapat diinstal menggunakan perintah yang diberikan:

sudo tepat instal npm

Langkah 6: Verifikasi instalasi NPM

Periksa juga Versi NPM untuk memverifikasi instalasi NPM menggunakan perintah berikut:

npm - di dalam

Ini adalah bagaimana Anda dapat menginstal Node dan NPM pada sistem Operasi Linux berbasis Debian.

Bagaimana Cara Menulis Program Node.js Pertama? (Halo Dunia)

Semua telah diatur untuk memulai perjalanan kami mengembangkan aplikasi di Node.js. Mari kita buat program pertama kita yang cukup umum. Setiap kali seseorang mulai mempelajari bahasa atau kerangka kerja baru, program pertama biasanya mencetak “Hello World”. Mengatakan Halo kepada semua orang dengan cara yang berbeda merupakan perasaan yang luar biasa dan memberi tahu mereka tentang awal perjalanan baru kita. Di bawah ini adalah kode untuk memulai:

// Aplikasi.js

menghibur. catatan ( 'Halo Dunia!' ) ;

Untuk mengeksekusi skrip kode ini gunakan perintah berikut:

aplikasi simpul. js

Keluaran

Pernyataan Hello World akan login ke terminal:

Bagaimana Cara Mengimpor Modul Inti Node?

Pengguna harus menggunakan fungsi “require()” untuk menggunakan modul yang diinginkan untuk dikerjakan dalam skrip kode mereka. Misalnya, jika modul “fs” (Sistem File) akan digunakan, baris kode impornya adalah:

konstanta fs = memerlukan ( 'fs' )

Ini akan mengimpor semua fungsi modul itu dan menyimpannya dalam variabel fs yang merupakan variabel konstan yang berarti isinya tidak dapat diubah saat runtime. Kemudian dengan menggunakan variabel “fs” pengguna dapat mengimplementasikan fungsi yang diinginkan.

Sekarang mari kita buat contoh kode sederhana di mana sebuah modul diimpor dan fungsinya digunakan dalam skrip kode.

Contoh: Menggunakan modul HTTP

konstanta http = memerlukan ( 'http' ) ;

// Server HTTP sederhana

konstanta httpServer = http. buatServer ( ( permintaan, soal ) => {

res. tulisKepala ( 200 , { 'Jenis konten' : 'teks/html' } ) ;

res. menulis ( '' ) ;

res. menulis ( '' ) ;

res. menulis ( '' ) ;

res. menulis ( '' ) ;

res. menulis ( '' ) ;

res. menulis ( 'Halo Dunia!' ) ;

res. menulis ( '' ) ;

res. menulis ( '' ) ;

res. menulis ( '

Halo, Dunia!

'
) ;

res. menulis ( '' ) ;

res. menulis ( '' ) ;

res. akhir ( ) ;

} ) ;

// Mendengarkan pada port 3000

httpServer. mendengarkan ( 3000 , ( ) => {

menghibur. catatan ( 'Server mendengarkan pada port 3000' ) ;

} ) ;

Dalam kode ini:



  • “const http = require('http')” mengimpor konten modul http dan menyimpannya dalam variabel konstan “http”.
  • “const httpServer = http.createServer((req, res) =>” membuat server HTTP sederhana dan menambahkan teks Hello World bersama dengan beberapa HTML dasar. metode createServer membuat server dengan dua argumen, satu adalah permintaan di server dan yang kedua adalah respons yang dihasilkan untuk permintaan itu.
  • “httpServer.listen(3000, () =>” menentukan port 3000 pada host lokal dan mencatat pesan ke terminal bahwa server aktif dan mendengarkan pada port 3000.

Untuk menjalankan Aplikasi Node, jalankan file JS dengan perintah node seperti yang ditunjukkan di bawah ini:

aplikasi simpul. js

Dimana App.js adalah nama filenya.







Keluaran



Pesan di terminal saat menjalankan kode ini adalah:







Sekarang kita harus memverifikasi output di sisi server dan memeriksa apakah pesan “Hello World” tercetak di sana atau tidak:



Pesan telah berhasil dicetak di server dan font telah disesuaikan dengan menggunakan beberapa HTML dasar.

Node.js: Modul Inti

Beberapa modul Node.js adalah:

  • http: itu memungkinkan pembuatan server HTTP di Node.js
  • menegaskan: kumpulan fungsi penegasan membantu terutama dalam pengujian
  • fs: itu memungkinkan penanganan operasi file
  • jalur: seperangkat metode yang berhubungan dengan jalur file
  • proses: ini memberikan informasi dan kontrol tentang proses Node.js saat ini
  • Anda: ini memberikan informasi mengenai sistem operasi
  • string kueri: alat yang digunakan untuk menguraikan dan memformat string kueri URL
  • url: modul ini menyediakan alat untuk resolusi dan penguraian URL

Bagaimana Cara Menginstal Paket NPM?

NPM (Node Package Manager) membantu dalam mengelola dan menggunakan perpustakaan atau alat pihak ketiga dalam proyek Node.js. Ikuti langkah-langkah di bawah ini untuk menginstal paket NPM.

Langkah 1: Instal Paket yang Diinginkan

Mari instal modul ekspres yang cukup umum untuk mengembangkan aplikasi web di Node.js. Untuk menginstal ekspres gunakan perintah:

npm instal ekspres

Baris perintah ini akan menginstal modul ekspres di folder proyek Anda.

Langkah 2: Simpan modul ke Package.json

NPM secara otomatis memperbarui file package.json dengan ketergantungan baru. Jika Anda ingin menyimpannya secara eksplisit sebagai pengembangan ketergantungan proyek, gunakan tanda –save-dev atau –save.

npm instal ekspres -- menyimpan - dev # Simpan sebagai ketergantungan pengembangan

npm instal ekspres -- simpan # Simpan sebagai ketergantungan produksi

Mengapa paket NPM penting?

Paket NPM sangat penting dalam lingkungan pengembangan Node.js. Berikut adalah kemungkinan alasannya:

  • Penggunaan Kembali Kode: Paket NPM menyimpan catatan kode yang dapat digunakan kembali. Mereka menghemat waktu pengembang dengan menawarkan metode siap pakai yang dioptimalkan.
  • Manajemen Ketergantungan: NPM mempermudah penanganan persyaratan proyek. Daftar persyaratan proyek ada di file package.json yang memudahkan penggunaan dan berbagi persyaratan proyek.
  • Kontribusi Komunitas: NPM membantu membangun sekelompok besar pengembang yang membagikan karya mereka untuk digunakan orang lain dalam banyak paket perangkat lunak gratis. Kontribusi kolektif ini mempercepat masa pengembangan aplikasi.
  • Kontrol Versi: NPM memungkinkan Anda menuliskan versi paket untuk proyek Anda. Hal ini memastikan kelancaran kerja dan penanganan perubahan yang diperlukan.
  • Efisiensi dan Konsistensi: Menggunakan paket yang efisien meningkatkan efisiensi proyek dan memungkinkan pemeliharaan konsistensi kode di seluruh tim pengembangan.

Itu dia. Anda tidak hanya telah mempelajari cara menginstal paket yang diinginkan tetapi juga memahami mengapa paket ini diperlukan di lingkungan pengembangan Node.js Anda.

Bagaimana cara memulai dengan Express JS?

Untuk membuat aplikasi web efisien, kerangka Express.js digunakan. Modul “ekspres” sangat bagus untuk membangun aplikasi web di Node.js. Di bawah ini adalah prosedur untuk memulai dengan paket ini.

Langkah 1: Menginstal Ekspres

Untuk menginstal Express gunakan perintah berikut di terminal:

npm instal ekspres

Modul ekspres akan diinstal jika sudah diinstal maka perintah ini akan memperbarui modul

Langkah 2: Menguji modul ekspres dalam suatu Aplikasi

Langkah di atas akan menginstal express di folder paket dan pengguna dapat menggunakan modul dengan mengimpornya dalam skrip kode menggunakan modul “require” sebagai

konstanta cepat = memerlukan ( 'cepat' )

Mari kita uji skrip kode sederhana yang menggunakan fungsionalitas modul ekspres:

konstanta cepat = memerlukan ( 'cepat' ) ;

konstanta aplikasi = cepat ( ) ;

aplikasi. mendapatkan ( '/' , ( permintaan, soal ) => {

res. mengirim ( 'Halo Ekspres!' ) ;

} ) ;

konstanta pelabuhan = 3000 ;

aplikasi. mendengarkan ( pelabuhan, ( ) => {

menghibur. catatan ( `Server mendengarkan pada port $ { pelabuhan } ` ) ;

} ) ;

Dalam kode di atas:

  • const ekspres = memerlukan('ekspres') ” mengimpor modul ekspres dan menyimpannya dalam variabel konstan “ekspres”, yang dengannya kita dapat menggunakan fungsi yang terkait dengan perpustakaan ini.
  • aplikasi const = ekspres() ” digunakan untuk mendefinisikan aplikasi ekspres.
  • “app.get('/', (permintaan, res) =>” mendefinisikan rute bagi aplikasi ekspres untuk mengirim respons “Halo Ekspres” ke aplikasi ekspres.
  • Pelabuhan 3000 ditentukan dalam variabel konstan bernama 'port' di host lokal.
  • “aplikasi.dengarkan(port, () =>” membuat pendengar pada port 3000 dan mencatat pesan di terminal bahwa server mendengarkan pada port yang ditentukan.

Keluaran

Untuk menjalankan aplikasi ini gunakan perintah di bawah ini:

aplikasi simpul. js

Output di terminal akan muncul sebagai

Jadi server aktif dan mendengarkan pada port 3000 dari host lokal. Mengakses tautan itu di browser akan menampilkan keluaran sebagai

Itu semua tentang modul ekspres tentang bagaimana kita dapat menginstalnya, membuat aplikasi, dan memulai port server.

Bagaimana Cara Merender File Statis di Express?

Di Express, fungsi express.static() digunakan untuk merender file statis seperti HTML, CSS, gambar, dll. Di bawah ini adalah proses merender file statis di Express.

Langkah 1: Buat Proyek

Sebelum memulai pastikan express sudah diinstal jika belum maka Anda dapat menjalankan perintah berikut:

npm instal ekspres -- menyimpan

Perintah ini akan menginstal modul ekspres secara lokal di folder node_modules dan memperbaruinya di file package.json.

Langkah 2: Buat File untuk file Statis

Kedua, buat folder di direktori kerja. Buat folder bernama public untuk menyimpan file statis yang akan dirender. Tempatkan semua file statis HTML dan CSS di direktori ini untuk merendernya.

Langkah 3: Menyiapkan Express untuk merender File Statis

Gunakan metode express.static() untuk menentukan direktori file statis yang ingin dirender oleh pengguna.

Render file menggunakan dua skrip kode, satu untuk bagian belakang yang mengambil kode HTML yang ditempatkan di folder publik. Kode HTML dibuat sederhana karena penekanan utama kami adalah pada backend.

Skrip Node.js

konstanta cepat = memerlukan ( 'cepat' ) ;

konstanta aplikasi = cepat ( ) ;

aplikasi. menggunakan ( cepat. statis ( 'publik' ) ) ;

konstanta pelabuhan = 3000 ;

aplikasi. mendengarkan ( pelabuhan, ( ) => {

menghibur. catatan ( `Server mendengarkan pada port $ { pelabuhan } ` ) ;

} ) ;

Dalam kode ini:

  • “const ekspres = memerlukan('ekspres')” mengimpor modul ekspres dalam skrip untuk menggunakan fungsinya.
  • “aplikasi const = ekspres()” memulai aplikasi
  • “aplikasi.penggunaan(ekspres.statis('publik'))” menentukan direktori untuk mengambil file dan menyediakan aplikasi ekspres untuk menggunakannya dan merendernya.
  • Pelabuhan 3000 ditentukan untuk aplikasi ekspres.
  • “:app.listen(port, () =>” menunjukkan bahwa server aktif dan mendengarkan pada port yang ditentukan dengan mencatat pesan.

skrip HTML

DOCTYPEhtml >

< html saja = 'di dalam' >

< kepala >

< rangkaian karakter meta = 'UTF-8' >

< nama meta = 'area pandang' isi = 'lebar=lebar perangkat, skala awal=1,0' >

< judul > Statis Contoh Rendering judul >

kepala >

< tubuh >

< h1 > Menggunakan Ekspres untuk Render Statis File h1 >

tubuh >

html >

Pada kode ini, hanya dibuat heading karena fokusnya ada pada backend bukan front end, namun fungsi tambahan dapat ditambahkan sesuai kebutuhan.

Keluaran

Sekarang jalankan skrip Node.js dengan kode berikut:

aplikasi simpul. js

Pesan berikut akan dicatat di terminal yang menunjukkan bahwa server siap dan mendengarkan pada port 3000.

Buka port host lokal 3000 di browser untuk melihat skrip kode HTML yang dirender oleh modul ekspres

Itu saja untuk merender file statis secara ekspres. Sekarang mari kita lihat cara merender file dinamis.

Bagaimana Cara Merender File Dinamis di Express?

Pengguna dapat merender file dinamis di Express menggunakan mesin template untuk menghasilkan HTML secara dinamis berdasarkan data. Template yang digunakan dibawah ini adalah EJS (Embedded Javascript) yang cukup populer untuk merender file dinamis.

Langkah 1: Instal EJS

Gunakan perintah berikut untuk menginstal EJS di folder proyek Anda

npm instal ejs -- menyimpan

Langkah 2: Siapkan Express dengan EJS

Siapkan templat EJS sebagai mesin tampilan di file Node.js Anda.

//Aplikasi.js

konstanta cepat = memerlukan ( 'cepat' ) ;

konstanta aplikasi = cepat ( ) ;

konstanta PELABUHAN = 3000 ;

aplikasi. mengatur ( 'lihat mesin' , 'TIDAK' ) ;

aplikasi. menggunakan ( cepat. statis ( 'publik' ) ) ;

aplikasi. mendapatkan ( '/identitas pengguna' , ( permintaan, soal ) => {

konstanta identitas pengguna = permintaan. param . pengenal ;

konstanta data pengguna = {

pengenal : identitas pengguna,

nama belakang : `pengguna$ { identitas pengguna } `,

surel : `pengguna$ { identitas pengguna } @contoh. dengan `,

} ;

res. memberikan ( 'pengguna' , { pengguna : data pengguna } ) ;

} ) ;

aplikasi. mendengarkan ( PELABUHAN, ( ) => {

menghibur. catatan ( `Server berjalan di http : //host lokal:${PORT}`);

} ) ;

Operasi yang dilakukan oleh kode di atas adalah:

  • “const express = require('express')” mengimpor modul ekspres dari modul node.
  • “const app = express()” membuat instance untuk aplikasi ekspres.
  • “app.set('view engine', 'ejs')” mengonfigurasi ekspres dengan template ejs untuk merender file secara dinamis.
  • “app.use(express.static('public'))” memungkinkan penyajian file statis yang disimpan di folder publik proyek Node.
  • “app.get('/user/:id', (req, res) => {…})” mendefinisikan kutipan yang mendengarkan permintaan.
  • “res.render('user', { user: userData })” merender file template EJS.
  • “app.listen(PORT, () => {…})” memulai server pada port 3000 dan pengguna dapat mengetik “ http://localhost:3000/user/123 ” di peramban.

Langkah 3: Templat EJS

Direktori bernama 'views' dibuat di direktori proyek dan di dalam folder ini buat file template EJS 'user.ejs'. File ini akan menampung konten dinamis yang ingin dirender oleh pengguna. Rekatkan kode berikut di file ini

DOCTYPEhtml >

< html saja = 'di dalam' >

< kepala >

< rangkaian karakter meta = 'UTF-8' >

< nama meta = 'area pandang' isi = 'lebar=lebar perangkat, skala awal=1,0' >

< judul > Profil pengguna judul >

kepala >

< tubuh >

< h1 > Profil pengguna h1 >

< P > identitas pengguna : <%= pengguna. pengenal %> P >

< P > Nama belakang : <%= pengguna. nama belakang %> P >

< P > Surel : <%= pengguna. surel %> P >

tubuh >

html >

Karena tujuan utamanya adalah merender konten file secara dinamis sehingga hanya kode depan yang diperlukan yang digunakan.

Langkah 4: Mulai Server

Pengguna sekarang dapat memulai aplikasi ekspres dengan menggunakan cuplikan kode berikut:

aplikasi simpul. js

Dimana App.js adalah nama file yang ada di direktori tersebut. Setelah menjalankan kode ini terminal akan menunjukkan pesan berikut

Sekarang pengguna dapat menggunakan tautan tersebut http://localhost:3000/user/123 di browser dan konten akan dirender secara dinamis sebagai

Itu saja untuk merender konten file secara dinamis menggunakan modul ekspres di Node.js.

Kesimpulan

Artikel ini menjelaskan Node.js dari awal hingga akhir, menunjukkan cara kerjanya dengan waktu JavaScript non-stop dan berbasis peristiwa untuk berbagai peristiwa. Itu terlihat pada Express, alat pembuatan web terkenal, dan juga menyebutkan NPM, dan cara menampilkan informasi statis atau dinamis di situs web. Meskipun artikel ini membahas semuanya secara detail, ini adalah panduan pemula yang bagus untuk mempelajari Node.js.