Category Archives: Express

[Dokumentasi] Menggunakan Express sebagai Web Framework untuk Node.js

Apa itu Express dan apa kaitannya dengan Node.js? Express adalah Framework Aplikasi berbasis Web pada Node.js yang bersifat fleksibel dan minimalis yang menyediakan satu set fitur yang tangguh untuk aplikasi web dan mobile.

  1. Instalasi

Sebelum melakukan instalasi express, pastikan node.js sudah terinstal di komputer tujuan. Proses instalasi berikut akan dilakukan dengan menggunakan command prompt.

  • Jalankan command prompt, lalu masuklah ke direktori tempat penyimpanan Aplikasi yang akan dibuat, sebagai contoh di sini akan di simpan pada D:NodeJSSamplesFirstProject. Ketik perintah berikut

cd D:NodeJSSamplesFirstProject

  • Ketik perintah berikut :

npm install -g express-generator
express
npm install
set DEBUG=FirstProject ./bin/www   ß ganti ‘FirstProject’ sesuai dengan nama folder
npm start

  • Jika berhasil, maka akan tampil pesan berikut :

> FirstProject@0.0.0 start D:NodeJSSamplesFirstProject
> node ./bin/www

  • Setelah itu buka browser, dan ketikkan http://localhost:3000 pada address bar. Akan tampil pesan Welcome.

  1. Contoh sederhana penggunaan Express

Untuk contoh sederhana penggunaan Express, yakni menampilkan tulisan Hello World ke browser dengan membuat 1 file view baru.

  • Buka Windows Explorer, masuklah ke direktori tempat penyimpanan aplikasi yang baru dibuat (D:NodeJSSamplesFirstProject).
  • Kemudian akan terlihat beberapa folder. Buka folder router dan backup file index.js, kemudian edit file index.js dengan menggunakan text editor (bisa juga menggunakan notepad). Berikut isi dari file index.js

var express = require(‘express’);
var router = express.Router();
/* GET home page. */
router.get(‘/’, function(req, res) {
res.render(‘index’, { title: ‘Express’ });
});
module.exports = router;
Ubah 3 baris kode di atas mulai dari router.get sehingga menjadi kode berikut :
var express = require(‘express’);
var router = express.Router();
/* GET Hello World page. */
router.get(‘/helloworld’, function(req, res) {
res.render(‘helloworld’, { title: ‘Hello, World!’ })
});
module.exports = router;
Simpan file tersebut, lalu keluar.

  • Dari folder routes, pindah ke folder views. Buat file dengan nama helloworld.jade dengan isi file berikut :

p Hello, World! Welcome to #{title}
Simpan lalu tutup.

  • Buka kembali command, dan masuk ke D:NodeJSSamplesFirstProject. Jalankan npm dengan mengetik :

Npm start

Hello, World! Welcome to Hello, World!