Halo teman-teman semuanya, di artikel sebelumnya kita semua telah belajar banyak hal terkait proses CRUD atau create, read, update dan delete. Dan pada artikel kali ini kita semua akan belajar bagaimana cara mengizinkan CORS di dalam project Express.js.
CORS merupakan singkatan dari Cross Origin Resource Sharing, yaitu sebuah teknik menggunakan permintaan HTTP untuk mengizinkan browser pada suatu domain mendapatkan akses ke server pada sumber yang berbeda. Ini digunakan agar Retful API yang sudah kita buat sebelumnya bisa digunakan atau bisa di akses oleh aplikasi lain seperti aplikasi Android atau web browser.
Langkah 1 - Installasi Library CORS
Sekarang kita akan menggunakan library tambahan untuk menangani proses CORS di dalam project Express.js. Silahkan jalankan perintah berikut ini di dalam terminal/CMD dan pastikan berada di dalam project Express.js.
npm install cors@2.8.5 --save
Langkah 2 - Konfigurasi CORS
Setelah berhasil melakukan installasi library, sekarang kita lanjutkan untuk konfigurasi di dalam project Express.js. Silahkan buka file index.js, kemudian ubah kode-nya menjadi seperti berikut ini :
const express = require('express')
const app = express()
const port = 3000
//import library CORS
const cors = require('cors')
//use cors
app.use(cors())
//import body parser
const bodyParser = require('body-parser')
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))
// parse application/json
app.use(bodyParser.json())
//import route posts
const postsRouter = require('./routes/posts');
app.use('/api/posts', postsRouter); // use route posts di Express
app.listen(port, () => {
console.log(`app running at http://localhost:${port}`)
})
Dari penambahan kode di atas, pertama kita import library CORS.
//import library CORS
const cors = require('cors')
Kemudian kita apply ke dalam project Express.js menggunakan keyword use.
//use cors
app.use(cors())
Oke, kurang lebih seperti itu, silahkan teman-teman bisa mencoba menggunakan Restful API di aplikasi lain, misalnya seperti Android, Vue JS, React JS dan yang lainnya.
Sampai disini pembahasan bagaimana cara enable CORS di Express.js. Jika ada pertanyaan atau problem saat praktek, silahkan bisa bertanya melalui kolom komentar atau group telegram dari SantriKoding.
Terima Kasih
SOURCE CODE : https://github.com/SantriKoding-com/Express.js-Restful-API