Cara Membuat Project baru Node Js - AdityaDees

Hot

https://publishers.chitika.com/

Contact us for advertising.

17 August 2020

Cara Membuat Project baru Node Js

 

Bosan menggunakan PHP sebagai bahasa server web anda ?

Ingin mencoba hal baru atau ingin beralih menggunakan JavaScript. Node Js bisa menjadi penganti Web server anda.

Sebelum itu mari mengetahui apa itu Node Js dengan membaca Pengertia Node Js Beserta Kelebihannya.

Setelah mengetahui apa itu Node Js, hal yang harus dipelajari selanjutnya adalah bagaimana cara membuat project baru dengan node js. Untuk mengetahui hal tersebut disini kita akan membuat project baru Node Js yang akan menampilkan kata Hello world pada HTML.

Membuat Project Baru Node Js

Sebelumnya pastikan komputer anda sudah terinstal Node Js dan dapat digunakan. Untuk menginstall Node Js baca postingan sebelumnya mengenai Cara Menginstall Node JS di Windows. Jika sudah, mulailah mengikuti langkah-langkah dibawah.

1. Buat folder baru dengan nama "app_nodejs" (terserah anda mau meletakkannya di directory mana).
 

 

2. Buka CMD dan arahkan ke directory "app_nodejs".
 

 

3. Ketikkan perintah npm init. Kemudian isi beberapa informasi sesuai keinginan anda. Disini saya membuat semuanya secara default, kecuali bagian author saya menuliskan coding rakitan. Untuk beralih ke bagian selanjutnya tekan tombol enter.
 

 

4. Masih pada layar CMD ketikkan perintah npm install


 

5. Akan muncul beberapa file baru di folder root "app_nodejs" yaitu "package.json" dan "package-lock.json". Dalam file package.json akan tampak data json seperti berkut:


{
"name": "app_nodejs",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "coding rakitan",
"license": "ISC"
}


Bagian yang perlu diperhatikan ada pada "main":"index.js", berarti file main adalah file index.js. Sehingga anda perlu membuat file baru dengan nama index.js di folder root anda sehingga nantinya akan terdapat 3 file yaitu "package.json", "package-lock.json", dan "index.js". 


 

6. Edit file index.js dengan kode seperti dibawah.


var http = require('http');

var port = 8080;
http.createServer(function (req, res) {
console.log("Aplikasi berjalan pada port : "+port);
res.writeHead(200, {'Content-Type': 'text/html'});
res.end('Hello World!');
}).listen(port);

7. Kembali ke layar CMD dan ketikkan perintah npm install.
 

 

8. Masih di layar CMD ketikkan perintah node index.js. Maka akan muncul tampilan seperti pada gambar dibawah.
 

Silahkan buka browser, dan ketikkan di kolom url localhost: ditambah port yaitu 8080 sehingga menjadi localhost:8080


 

Jika muncul tulisan Hello world seperti di atas, ini menandakan project web anda berhasil dibuat.

Sedikit penjelasan mengenai port. Port ini dapat anda ganti sesuai keinginan anda akan tetapi ada baiknya menggunakan 8080 karena web hosting node js biasanya akan meminta mengarahkan ke port ini, seperti di Hosting Rumahweb.

No comments:

Post a Comment

Komentar yang bermutu Insyaallah akan mendapatkan berkah

https://payclick.com/

Contact us for advertising.