Cara Deploy Node Express API ke Vercel Serverless Functions

Halo semua, pada artikel kali ini saya akan menjelaskan cara deploy Node Express API ke Vercel Serverless Functions.

Jadi, Anda telah membangun API yang luar biasa di mesin lokal Anda dengan Express menggunakan Node.js dan Anda siap untuk membuat klien dan orang tua Anda bangga dengan Anda?

Nah, Anda perlu mendorong API Anda ke cloud, alias produksi.

Kemudian Anda akan menemukan banyak sekali pilihan Azure, Google Cloud Platform, AWS, Heroku, dll.

Tapi tunggu dulu, tahukah Anda bahwa Anda juga dapat menggunakan API Anda ke Vercel? Tidak hanya menyebarkan, tetapi juga akan mendengarkan ketika Anda mendorong perubahan ke Cabang Git main Anda.

Prasyarat:

Akun Gratis Vercel – https://vercel.com/signup
Jika Anda belum menginstal NODE & NPM, Anda perlu lihat artikel berikut.
Memiliki atau membuat API (kita akan membuat API sederhana jika Anda belum memilikinya)

Gambaran umum langkah-langkahnya:

Buat API Node Express lokal
Hubungkan API lokal ke repositori Github
Hubungkan akun Vercel Anda dengan repo Github tersebut
Perbarui repo Anda secara lokal, lalu lihat perubahan yang terjadi segera diterapkan

Rincian langkah-langkah

1. Membuat API Ekspres dengan NODE

Buat direktori proyek, seperti mkdir node-api-vercel
Masuk ke dalam folder baru, dengan cd node-api-vercel
Inisialisasi folder ini sebagai proyek Node: npm init -y
Buat berkas index.js, vercel.json, .gitignore: touch index.js vercel.json .gitignore
Instal Express.js: npm i express

Buka file .gitignore lalu tambahkan code berikut.

node_modules

Kemudian buka file index.js dan tambahkan code berikut untuk membuat API sederhana dengan express.

const express = require('express')

const app = express()
const PORT = 4000

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

app.get('/', (req, res) => {
  res.send('Hey this is my API running ?')
})

app.get('/about', (req, res) => {
  res.send('This is my about route..... ')
})

// Export the Express API
module.exports = app

Terakhir, kita tambahkan code pada file vercel.json

{
  "version": 2,
  "builds": [
    {
      "src": "index.js",
      "use": "@now/node"
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "dest": "index.js"
    }
  ]
}

2. Menghubungkan folder API lokal ke repositori Github

Buat repositori di Github, node-api-vercel
Hubungkan Repo di Github dengan API Anda dengan mengikuti instruksi di Github
Push folder API node-api-vercel ke Github

3. Hubungkan akun Vercel Anda dengan repo Github tersebut

Masuk ke akun Vercel Anda lalu klik Proyek Baru. Pilih salah satu proyek yang akan di deploy ke vercel.

Selanjutnya, klik tombol deploy untuk melakukan tahapan deploy proyek ke vercel.

Tunggu sampai deploy berhasil dan selamat Anda berhasil men-deploy node express API ke Vercel. Jika sukses maka tampilan dashboardnya akan seperti berikut.

Lebih lanjut tentang apa yang telah terjadi di sini, Vercel mengambil aplikasi yang diekspor dan mengubahnya menjadi fungsi Serverless yang dihosting di Vercel, untuk info lebih lanjut tentang hal ini kunjungi https://vercel.com/guides/using-express-with-vercel