Hallo teman-teman semuanya kembali lagi bersama dengan saya di blog kita bersama, kali ini kita akan membahas bagaimana cara membuat web server menggunakan express js, simak tutorial berikut ini :
Persiapan :
1. Node js sudah terinstall di komputer
2. Editor Visual Studio Code dan lain-lain
sebelum mengikuti tutorial ini silahkan siapkan kedua hal diatas
Langkah 1 . Membuat folder projek
pada langkah pertama hal yang akan kita lakukan ialah mmbuat folder projek web server yang akan kita buat, disini teman - teman bisa meletakkan folder projeknya sesuai dengan keinginan teman-teman semuanya
Pada gambar diatas saya membuat sebuah nama folder projek web server dengan nama dokumentasi_nodejs, sesuaikan dengan keinginan teman-teman semuanya, dan jika sudah membuat folder project silahkan buka folder tersebut di dalam editor kesayangan teman-teman semuanya, disini saya menggunakan visual studio code
Langkah 2. Menginisialisasi node js dan menambahkan file app.js
oke selanjutnya teman-teman buat terlebih dahulu file app.js di dalam folder project yang barusan kita buat,
setelah kita membuat sebuah folder selanjutnya buka terminal atau command line ( CMD ) teman-teman semunya untuk menginisialisasi projek node js, jika sebagian teman-teman pengguna visual studio code silahkan pilih view lalu pilih terminal, selanjutnya jalankan perintah berikut di terminal teman-teman semuanya
$ npm init -y
atau
> npm init -y
jika teman-teman menjalankan perintah diatas maka tampilanya akan seperti gambar berikut ini :
Langkah 3. Install Express js
oke teman-teman semuanya selanjutnya kita akan menginstall library express js ke dalam project aplikasi kita melalui NPM, silahkan jalankan perintah berikut ini melalui terminal teman-teman semuanya,
$ npm install express
atau
> npm install express
jika teman menjalankan perintah diatas maka tampilanya seperti gambar berikut ini :
Langkah 4. Membuat web server
oke selanjutnya kita buka kembali file app.js yang sudah kita buat pada langkah 2. silahkan teman-teman copy source code dibawah ini lalu paste ke dalam file app.js
// load library express yang telah di install
const express = require("express");
const app = express();
// membuat port webserver
const port = 3000;
// membuat halaman website
app.get("/",(req,res) => {
res.send("<h1>Hallo Ini halaman pertama</h1>")
})
// aktifkan port web server
app.listen(port,function(){
console.log(`url web server localhost:${port}`);
})
untuk keterangan silahkan dibaca pada comentar yang terdapat pada masing-masing source code diatas,
langkah 5. Menjalankan web server
jika teman-teman sudah mencopy source code pada langkah ke 5 selanjutnya kita akan menjalanka web server yang sudah kita buat, cara menjalankannya sangat mudah teman-teman semuanya, silahkann masuk kembali ke terminal dan ketikkan perintah dibawah ini :
$ node app
atau
> node app
jika teman-teman menjalankan perintah diatas maka tampilan terminal teman-teman akan seperti gambar berikut ini :
nahh web server yang kita buat sudah berjalan, selanjutnya buka browser teman-teman semuanya dan silahkan kunjungi link dengan
localhost:3000 maka tampilan yang dihasilkan sebagai berikut :
nahh mudah bukan cara membuat web server menggunakan bantuan express js, jika teman-teman masih ada yang bingung silahkan tinggalkan pesan di kolom komentar
sekian dan terimakasih
0 Komentar