Tutorial Express.js Restful API #8 : Enable CORS di Express.js


Fika Ridaul Maulayya
Full-Stack Web Developer, Content Creator and CO-Founder Santri Koding. I share everything i know with Articles, Screencasts and E-Books at SantriKoding.com

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



Fika Ridaul Maulayya
Full-Stack Web Developer, Content Creator and CO-Founder Santri Koding. I share everything i know with Articles, Screencasts and E-Books at SantriKoding.com

Suka dengan tulisan di SantriKoding? Kamu bisa memberikan dukungan dengan berdonasi atau bagikan konten ini di sosial media. Terima kasih atas dukungan Anda!

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami

KOMENTAR