Belajar NodeJS Dasar #3 Membuat aplikasi Hello Word dengan Node JS

Pada artikel sebelumnya kami sudah menerangkan pada anda semua tentan bagiamana consep dasar dari Nodejs, kemudian kami juga sudah menjelaskan tentang NPM. Kali ini kami akan langsung menuju materi koding pertama yaitu membaut aplikas sederhana Hello word dengan NodeJS.

kita akan mencoba 2 tipe yaitu tanpa NPM dan menggunakan NPM.

Membuat aplikasi Hello Word dengan NodeJs tanpa NPM

Tahap pertama silahkan rekan rekan semua membuat file dengan extensi js. dalam kasus ini saya akan memberi nama filenya dengan helloword.js. Setelah itu silahkan anda semuanya isikan code dibawah ini dalam file helloword.js

var http = require("http");

http.createServer(function (req, res) {
  res.writeHead(200, {"Content-Type": "text/html"});
  res.end("Hello World!");
}).listen(8080);
console.log("server berjalan di localhost:8080")

Setelah itu silahkan save file tersebut kemudian jalankan perintah di cmd windows. untuk itu anda harus membuka dan memersiapan comand prom nya. Setelah itu masuk pada direktori dimana file js anda berada dengan perintah CD NamaFolder

Untuk menjalankannya silahkan anda mengeksekusinya denganperintah

node helloword.js

Setelah itu anda bisa langsung membuka browser anda dengan alamat localhost:8080

Membuat aplikasi Hello Word dengan NodeJs NPM

Sebenarnya sistemanya sama menggunakan NPM ataupun tidakmenggunakan NPM, akan tetapi kami jelaskan sekalian, sehingga rekan rekan semua tahu bagaimana perintah yang di jalankan keduanya.

Sama seperti biasa rekan rekan membuat dulu foldernya , dalam hal ini saya akan membuat di folder c:\hellowordnpm. Rekan rekanbisa melakukan perintah

mkdir hellowordnpm 

Setelah anda membuat folder . rekan erkan bisa masuk ke folder yang telah kita buat tadi dengan perintah

cd hellwordnpm

Setelah anda pada lokasi project folder hwllowordnpm rekan rekan kitikan perintah berikut

 npm init

Setelah itu isikan data datanya yang anda inginkan . Anda bisa mengisikan pada bagian package name , Author dan yang lain bisa di tinggalkan sesuai dengan default yang ada.
Setelah itu akan tergenerate file package.json

Setelah itu buka file tersebut dan tambahkan beberapa code yang di cetak tebal dibawah.

 {
  "name": "hellowordnpm",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "sapa": "echo \"Hello Word\""
  },
  "author": "",
  "license": "ISC"
}

Setalah itu anda bisa menjalankan bagian sapa dengan perintah

npm run hello

Itu adalah perintah ketika akan hanya di tampilkan di consol. bagaimana jika kita ingin menampilkanya di browser? Silahkan teman eman bikin file index.js untuk membaut server . kemudian kopikan code seperti yang ada di helloword.js diatas.

var http = require("http");

http.createServer(function (req, res) {
  res.writeHead(200, {"Content-Type": "text/html"});
  res.end("Hello World!");
}).listen(8080);
console.log("server berjalan di localhost:8080")

 

Kemudian dibagian package.json perlu anda tambahkan code untuk mengenali server filenya.

{
  "name": "hellowordnpm",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
	"sapa": "echo \"Hello Word\"",
	"server": "node index.js"
  },
  "author": "",
  "license": "ISC"
}

Setelah itu jalankan perintah diatas denganperintah

npm run serverp

Membuat Auto Open Browser Di browser

Jika kita melakukan eksekusi diatas, maka kita harus mengkopikan alam url, kemudian harus dibuka di browser. Bagaimana jika kita bikin otomatis ketika kita mengeksekusi nodejs bisa langsung membuka browser danmenjalankan script? Kitahnya perlu menginstall modul open dengan perintah

npm install open

Setelah itu rubah pada bagian index.js untuk memanggil modul open dan juga menjalankan opennya. Sehingga kode index.js menjadi seperti dibawah ini.

var http = require("http");
const open = require('open');
http.createServer(function (req, res) {
res.writeHead(200, {"Content-Type": "text/html"});
res.end("Hello World!");
}).listen(8080);
console.log("server berjalan di localhost:8080")
open('http://localhost:8080', {app: 'chrome'});

Bagaiman sobat sekalian . Mudah bukan. Silahkan sobat mencobanya sendiri di rumah ya. OK happy Coding.