Writer & IoT Cloud Architect — Life Long Learner

Cara Menjalankan Server Lokal yang Ringan untuk Proses Development Website dengan Nodejs

Degananda.com -

thumb-setup-light-server-web-development

Untuk menjalankan website pada lokal laptop atau komputer sebenarnya tidak diperlukan adannya server tambahan.

Ini memungkinkan apabila website yang hendak dijalankan adalah html-based website artinnya tidak ada kode yang berjalan pada server side. seperti contohnya nodejs, php, python dan lain sebagainnya.


Namun jika website tersebut membutuhkan proses yang dijalankan dilevel server maka diperlukan adannya server ini.

Misalnya, jika hendak menggunakan php maka diperlukan software php, apache sedangkan jika hendak menggunakan java maka memerlukan apache tomcat. 

Untuk seseorang yang baru saja terjun didalam dunia web development sangat disarankan untuk memulai dengan menggunakan server ringan yang hanya digunakan untuk melakukan hosting html murni. Memang tidak ada kode yang dijalankan pada sisi server namun adannya server yang menghosting html ini dapat membantu berbagai hal sebagai contoh :

1.Auto refresh

web server ini akan melakukan auto refresh. ketika terjadi perubahan pada file html maka tidak perlu repot-repot untuk menekan tombol refresh pada browser. Server akan secara langsung mereload halaman website tersebut

2.Custom port.

Server akan memberikan kemudahan untuk mengatur port yang digunakan. Ini akan sangat berguna apabila hendak melakukan simulasi hosting website dengan port selain 80.

3. CORS

simulasi CORS (Cross-origin resource sharing) yang memungkinkan suatu website untuk terhubung dengan API yang ada pada host lain.

Sebagai contoh, apabila website yang hendak dibuat menggunakan data cuaca yang dihosting di weather.com, maka website tersebut akan membutuhkan server sehingga mengaktifkan cors dan dapat mengakses API pada aplikasi weather.com tersebut.

Apa itu cors?

gunakan link tautan dibawah ini untuk mempelajari cors lebih lanjut

https://degananda.com/cara-mengaktifkan-dan-mengizinkan-cors-pada-apache/

Cara Menjalankan Server Lokal yang Ringan untuk Proses Development Website dengan Nodejs

Nodejs memiliki library yang tersedia pada NPM (Node package manager) yang memungkinkan untuk menjalakan server http. Package ini bernama light server. Keunggulan dari light server adalah sebagai berikut

  1. ringan, cocok untuk development bagi seseorang yang baru memulai belajar web development
  2. auto refresh. perubahan yang terjadi pada file html akan secara langsung ter-reload pada browser.
  3. simple plug and play. tidak memerlukan banyak konfigurasi. Hal ini berbeda jika menggunakan web server yang biasa diperuntukan untuk production seperti apache & nginx. Kedua web server tersebut memanglah powerful dan ready for production tetapi akan membutuhkan proses konfigurasi. Sehingga tidak cocok bagi seseorang yang baru memulai proses belajar web development

jika berkeinginan untuk menggunakan stack teknologi nodejs maka penggunaan light server ini sangat direkomendasikan untuk mulai membiasakan menggunakan environment nodejs

langkah 1 – Install node js pada lokal laptop / pc

gunakan tautan link dibawah ini untuk proses installasi nodejs

install node pada linux : https://degananda.com/cara-install-node-js-dengan-versi-tertentu-pada-linux-ubuntu-server/

install node pada windows : https://blogs.masterweb.com/cara-install-npm-di-windows/

install node pada mac : https://degananda.com/cara-upgrade-nodejs-pada-mac-ataupun-linux-versi-stable/

langkah 2 – Buat folder project

install light server buat direktori.jpg
folder project

buatlah folder project disalah satu direktori. Disarankan untuk tidak menggunakan direktori C (agar tidak tercampur dengan sistem)

langkah 3 – Install light server dengan npm

npm init lightserver project.jpg
disarankan menggunakan app.js sebagai base index

sebelum melakukan installasi light server dengan npm pastikan nodejs project telah terinisiasi. gunakan perintah dibawah ini untuk melakukan inisasi project nodejs

npm init

setelah itu buat file index.html dan app.js. berikut ini adalah struktur direktori light server (sebenarnya bebas, ini hanya rekomendasi)

install light server npm.jpg

kemudian install light server dengan perintah dibawah ini.

npm install light-server

langkah 4 – Konfigurasi light server

buka package.json dan pastikan untuk menuliskan konfigurasi dibawah ini

baris yang penting hanyalah ini

    "start-server" : "light-server -s . -p 7000",

baris diatas digunakan untuk menjalankan light server pada port 7000

jika ingin mengganti port cukup ubah angka 7000 menjadi angka port yang di inginkan.

berikut ini adalah isi dari file package.json setelah penambahan script npm diatas

{
  "name": "2021-05-21-install-light-server",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "start-server" : "light-server -s . -p 7000",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "light-server": "^2.9.1"
  }
}

dan jangan lupa membuat file index.html yang berisikan hello world (bebas)

hello-world-index-html-lightserver.jpg

langkah 5 – Jalankan light server 

untuk menjalankan light server cukup gunakan perintah dibawah ini (pastikan telah berada di direktori project)

npm run start-server

buka alamat ini 

http://0.0.0.0:7000
lightserver-running-port7000-nodejs.jpg
web server dapat diakses secara lokal pad port 7000

selamat web server nodejs light server telah berjalan pada lokal komputer / laptop.

happy coding.

(Visited 48 times, 1 visits today)

Leave a Reply