√ Belajar Express.js Instalasi, Menampilkan Data, Routing Dan HTTP Method Request

May 04, 2019
Express.js merupakan sebuah framework BackEnd dari Node.js yang berbasis Javascript dan mendunkung ES6 keatas, disini akan di jelaskan basic dari Express.js untuk keperluan pembuatan seuah rest api. Dari instalasi samapai routing basic.

Baca Juga :
Belajar Android MVP Design Pattern – Aplikasi Quotes Sederhana (Part I)
Pengertian ERD, Contoh ERD, Simbol ERD, dan Fungsi ERD Lengkap
Tutorial Membuat Program Penghitung Ideal Dengan C++ 

Belajar Express.js Instalasi, Menampilkan Data, Routing Dan HTTP Method Request


1. Instalasi


- Pastikan anda sudah menginstal Node dan NPM bagi yang belum silahkan instal di link berikut : https://docs.npmjs.com/downloading-and-installing-node-js-and-npm


- Ok jika sudah buat sebuah folder baru misal disini saya membuat folder dengan nama OpenCv.

setelah itu buak terminal atau CMD di komputer kamu dan ketikan perintah di bawah ini untuk instalasi express.js

 cd OpenCv
 npm init
 entry point: (index.js)
 npm install express --save

2. Get Data Hello World


kemudian pada root directory buat sebuah file dengan nama app.js 
Kemdian ketikan kode 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(`Example app listening on port ${port}!`))

Kemudian di terminal/cmd pastikan anda  berada di folder yang anda buat,
ketikan perintah: node app.js

lalu pada browser ketikan : localhost:3000
maka hasilnya akan seperti gambar dibawah ini.



Selamat anda telah berhasil membuat rest API get data di Express.js


3. Basic Routing Express.js


Ok kali ini kita akan mencoba membuat sebuah routing denga URL: localost:3000/user

Ubah kode app.j menjadi seperti kode di bawa ini :

const express = require('express')
const app = express()
const port = 3000
app.get('/', (req, res) => res.send('Hello World!'))
app.post('/', function (req, res) {
    res.send('Ini adalah Method Post')
  })
  app.put('/user', function (req, res) {
    res.send('Ini adalah PUT /user')
  })

  app.delete('/user', function (req, res) {
    res.send('Ini adalah DELETE /user')
  })

app.listen(port, () => console.log(`Example app listening on port ${port}!`))

4. HTTP Request Method di Express:


Kode di atas kita telah membuat 4 metod yaitu GET data, PUT data, dan DELETE data, kemudian bagaimana kita mengetesnya, pastikan kamu punya POSTMAN dan ikuti gambar di bawah ini, disini saya akan memebrikan contoh PUT data di Express.js



Sekian tutorial express.js semoga dapat bermanfaat nantikan tutorial coding lainya. semoga dapat bermanfaat.

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda