10.30.2014

Membuat Hello World Dengan Node.js dan Express


Beberapa minggu lalu saya sempat berbincang dengan seorang teman, tentang teknologi pengembangan web yang sedang 'naik daun' dizaman sekarang. Salah satunya adalah Node.js. Dan akhirnya kami memutuskan untuk mempelajari tentang Node.js sebelum 'terjun' ke produk OnBase Labs selajutnya.

Beberapa hari kemudian, saya menemukan link tutorial membuat CRUD sederhana menggunakan Node.js, Express, MongoDB dan AngularJS di blog nya Kevin Blanco. Walaupun blog nya terbilang baru, namun tutorial yang dijelaskan disana sangat baik saya rasa. Dan disini saya ingin berbagi tutorial tersebut, namun karena saya rasa terlalu panjang, maka saya akan membaginya menjadi 2 bagian, yaitu bagaimana membuat hello world beserta beberapa penjelasan, dan insya Allah tutorial selanjutnya tentang bagaimana cara membuat CRUD sederhana.

Beberapa penjelasan dibawah saya ambil dari blog Kevin Blanco.

Bila anda baru belajar tentang Node JS, saya sarankan untuk melihat tutorial ini: hello world sederhana dengan node js.

Node.js

Node.js adalah sebuah server-side platform untuk pengembangan cepat dan jaringan aplikasi terukur menggunakan Javascript. Node.js sudah diimplementasi oleh beberapa startup dan perusahaan kecil dan menengah seperti Uber dan Medium dan juga oleh perusahaan yang lebih besar seperti Paypal dan Wallmart. Jadi, Node.js sangatlah cocok untuk aplikasi-aplikasi enterprise.

Node.js berbasis pada Google V8 Engine, yang ditulis menggunakan C++.

Express.js

Express adalah sebuah framework aplikasi berbasis web untuk membangun API cepat dengan peforma yang mengagumkan. Banyak framework untuk Node.js yang dibuat berdasarkan Express. Klik disini untuk melihat daftar framework Node.js.

1- Instalasi node.js

Sebagai langkah awal, kita harus sudah menginstall Node.js. Jika belum, kita bisa mendownloadnya disini. Jika kita tidak tahu apakah sudah terinstall Node.js dikomputer atau belum, kita bisa menjalankan perintah dibawah ini pada terminal (command prompt).

node --version

kita akan melihat versi node.js yang sudah terpasang.


2- Membuat file package.json

File ini merupakan file yang menyimpan informasi penting tentang project yang sedang dibuat seperti nama, versi, dll.

Pakcage.json paling sederhana seperti ini:

{
      "name": "hello-world-express",
      "version": "0.0.1",
      "author": "Asep Maulana Ismail",
      "description": "Hello World program with node.js and express",
      "scripts": {
        "start": "node app.js"
      },
      "license": "MIT"
}

Sekarang kita sudah punya struktur dasar dari file JSON. Selanjutnya kita akan memasang package yang akan kita gunakan. Buka console, lalu masuk ke tempat dimana file package.json disimpan (dalam tutorial ini, saya menyimpannya di lokasi C:\hello-world-express). Kemudian jalankan perintah dibawah ini:

npm install express --save

jika sudah berhasil, maka tampilannya seperti ini:


Perintah --save diatas merupakan perintah untuk menambahkan module yang diinstall menjadi dependencies dari project kita. Jika kita lihat file package.json, maka dalam file itu akan ada tambahan "dependencies".

3- Buat file app.js

Kita sudah memasang module dan dependencies project kita. Sekarang buatlah file app.js dan simpan satu folder dengan file package.json. Tulislah kode dibawah ini dalam file app.js.

/*
 * Main App file App.js
 * @author Asep Maulana Ismail
 */

// Dependencies requirements, Express 4
var express        = require('express');
var app            = express();

app.use(express.static(__dirname + '/public'));

app.listen(8080);
console.log('Im listening on port 8080');

// First example router
app.get('/', function(req, res) {
    res.send("Hello world!");
});

4- Jalankan aplikasi

Jalankan aplikasi dengan memasukan perintah berikut pada console

node app.js

Jika kita buka url http://localhost:8080/ , maka kita akan melihat tampilan seperti berikut:




I'm a fucking genius!




Penjelasan


// Dependencies requirements, Express 4
var express        = require('express');
var app            = express();
Pada bagian pertama, ini berfungsi untuk memuat atau me-load dependencies agar aplikasi dapat menggunakan methods yang ada pada module tersebut.


app.use(express.static(__dirname + '/public'));
Pada bagian kedua, ini berfungsi sebagai pengaturan Express.


app.listen(8080);
console.log('Im listening on port 8080');

// First example router
app.get('/', function(req, res) {
    res.send("Hello world!");
});
Bagian terakhir ini, berfungsi untuk mendengarkan (listen) respon koneksi ke port mana saja yang telah kita tentukan (dalam contoh port 8080) dan mendifinisikan route pertama yang akan dilakukan jika kita masuk ke root aplikasi (/).

Code at github

Jika mengalami kesulitan mengikuti tutorial ini atau punya beberapa pertanyaan, bisa tulis di bagian komentar atau download contoh kode nya disini.


Semoga bermanfaat, Terima kasih.

Tutorial selanjutnya adalah membuat CRUD sederhana dengan Node.js ,MongoDB, Express dan AngularJS Part 1.

3 comments:

  1. mksh gan tutorialnya. baru mulai paham apa itu node.js
    sy mau bertanya apakah setiap kita mengubah / modifikasi script kita. kita harus ulang start -> cmd -> node nama_file.js

    soalnya, sy mencoba mengubah scriptnya. kemudian sy coba refresh halaman di browser, tidak ada perubahan sma sekali.
    tapi, ketika saya tutup dan jalankan ulang scriptnya di command prompt kemudian sy refresh halaman baru bisa kelihatan perubahannya.

    ReplyDelete
    Replies
    1. Tergantung file yang dimodifikasinya gan, kalo yang dimodifikasi itu file yang ada di sisi server, kita harus restart node nya, tapi kalo file yang dimodifikasi itu ada di sisi client (tampilan: semacam html/jade/dsb..), kita cukup merefreshnya saja di browser...

      Semoga membantu :)

      Delete