Express merupakan sebuah framework Node.js yang simple dan memiliki banyak fitur diantaranya routing, middleware dll. ExpressJs juga banyak menjadi dasar dari framework Node.js lainnya.

Kita akan menggunakan Express sebagai API untuk menjebatani Front End dengan Databases kita nantinya.

Baiklah, kita akan langsung menginstall Express.


Membuat Folder express-app

Silakan membuat folder baru dengan nama express-app

Sebaiknya di simpan dalam htdocs di XAMPP.

Karena saya menggunakna mac, maka saya cukup menggunakan command berikut.

$ mkdir express-app
Membuat Folder Baru
Membuat Folder Baru

Lalu agar bisa di edit, harus di atur dulu permisi nya, jadikan 777 saja. dengan mengetik perintah;

$ chmod 777 express-app/
Mengatur Permisi pada Folder express-app
Mengatur Permisi pada Folder express-app

Install express

Anda bisa masuk ke dalam folder express app dengan mengentikkan cd express-app/

$ cd express-app/

Lalu mulai menginisiasi Node.js dengan cara mengetik perintah npm init.

Inisiasi NPM
Inisiasi NPM

Seteleh initial npm setesai, maka barulah kita install framework expressjs dengan perintah npm install express

$ npm install express --save
npm install express
npm install express

Dengan demikian, kita telah berhasil menginstall express, selanjutnya bisa buka folder express-app di Visual Studio Code.

Halaman Utama VSC
Halaman Utama VSC

Secara default, saat kita melakukan NPM init, maka akan di buat sebuah folder yang berisi modules dari Node.js. Selain itu juga akan ada file package-lock.json yang berisi informasi modul apa saja yang terinstall, serta package.json yang berisi informasi tentang nama dan script yang digunakan pada aplikasi express-app kita nanti.


Membuat File Index.js

Secara default, file index.js merupakan file yang akan di akses paling pertama saat kita membuka localhost pada port 3000, yang merupakan port standar Node.js.

Silakan buat file baru dengan nama index.js dengan isi seperti di bawah ini

const express=require('express');
const app=express();
const port=3000;

app.get('/', (req,res)=>res.send('Hello World'))

app.listen(port,()=>console.log('server telah berjalan'));

Setelah itu silakan di simpan

Untuk menjalankan, kita perlu mengetikkan perintah node . pada terminal.

node .

Lalu enter

Jika Anda melihat pesan “server telah berjalan” artinya express-app anda sudah berjalan dengan baik.

Untuk melihat hasilnya, buka postman atau browser, dan masukkan link http://localhost:3000 atau http://[ipadress]:3000.

terminal pada vsc
terminal pada vsc
Tampilan pada postman
Tampilan pada postman

Selain pada Postman, kalian juga bisa mencobanya di browser, dan hasilnya juga pasti sama.

Comments to: #2 Pengenalan dan Instalasi Express

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *