Membuat RESTful API menggunakan Express JS- Part 3 (Menampilkan Data Dari Database MySQL)

Rika Amijayanti
2 min readMar 11, 2023

--

Halo teman — teman, stelah kemarin kita sudah belajar installasi project express js dan juga belajar menghubungkan project dengan database MySQL, pada kesempatan kali ini kita akan belajar menampilkan data dari MySQL.

Untuk membantu kita memproses data API, kita akan menggunakan sebuah applikasi bernama Postman. Jika belum menginstall postman pada komputer anad, silahkan download terlebih dahulu disini.

yuk kita mulai.

  1. Membuat Konfigurasi Router

Hal pertama kita harus mmbuat konfigurasi router. Pada project kali ini, silahkan buat file js baru untuk router nya, saya akan membuat file userRoutes.js karena yang akan di handle adalah tabel pengguna. Lalu pada file tersebut tuliskanlah baris kode berikut ini :

const express = require('express')
const router = express.Router()

const connection = require('./database')

// Routes Pengguna

router.get('/', function(req, res){

connection.query('SELECT * FROM pengguna', function (err, result) {
if (err) {
return res.status(500).json({
status: false,
message: 'Internal Server Error',
})
} else {
return res.status(200).json({
status: true,
message: 'List Data Pengguna',
data: result
})
}
});
});

module.exports = router;

2. Mengatur konfigurasi router pada file index.js

Setelah itu, kita harus mendaftarkan router yang kita buat padafile index.js yang kita buat pada tutorial sebelumnya. Ubahlah kode yang sudah ada tersebut dengan kode berikut ini:

const express = require('express')
const app = express()
const port = 3005


const userRouter = require('./userRoutes')
app.use('/api/pengguna', userRouter)

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

3. Menguji RESTful API dengan Postman

Sekarang silahkan dibuka program postman yang teman — teman buka install tadi. Lalu masukkan alamat localhost teman — teman. Kalau pada tutorial kali ini port yang saya gunakan adalah 3005. Sehingga saya menuliskan alamat http://localhost:3005/api/pengguna

Silahkan atur methodnya menjadi GET untuk mendapatkan data yang kita perlukan. Sebelumnya saya sudah mengisikan data secara manual pada database mySQL sehingga saya memiliki ada dummy untuk uji coba project ini. Teman — teman juga bisa melakukannya jika dirasa diperlukan

beginilah tampilannya:

Hasil Penampilan dtaa Postman

Nah, Jika Berhasil maka postman akan menampilkan semua data yang ada pada database kita. Selamat mencoba

--

--

Rika Amijayanti

Javascript Fullstack Developer. I Love Express Js and React.