ลองต่อ API ให้เห็นภาพ

สำหรับบทต่อไปที่เราจะพูดถึง เราจะกลับมาฝั่งหน้าบ้านเพื่อต่อ API ให้สมบูรณ์กัน แต่เราจะยังไม่ลง detail ตอนนี้

เราจะลองใช้คำสั่ง fetch สำหรับเรียก API จากฝั่งหน้าบ้านกัน

fetch('http://localhost:8000/users')
.then((response) => {
  return response.json()
})
.then((responseData) => {
  console.log('responseData', responseData)
})

โดยในฝั่ง nodejs ที่ไฟล์ server/index.js จะต้องลง library ปิด CORS เพิ่ม (เดี๋ยวเรากลับมาอธิบายเพิ่มเติมกันในบทต่อไป)

ลง cors ด้วย

npm install cors

และทำการเพิ่ม 2 บรรทัดคือ import library cors และเรียกใช้ library cors ด้วยคำสั่ง app.use(cors())

const express = require('express')
const bodyparser = require('body-parser')
const mysql = require('mysql2/promise')
const cors = require('cors') // เพิ่มบรรทัดนี้มา
const app = express()

app.use(bodyparser.json())
app.use(cors()) // เพิ่มบรรทัดนี้มา

...

จบลงแล้วสำหรับบทนี้ บทต่อไปจะเห็นการเอาหน้าเว็บ (ที่เราทำเสร็จตอนบทที่ 6) มาต่อ API และใช้กันให้ครบทุก API กันดู