สวัสดีครับ ก่อนอื่นต้องขอแนะนำตัวสักนิด ตอนนี้เป็น Full-stack developer นะครับ โดยเนื้องานที่ทำจะเป็นแนว Web application ซึ่ง Tech stack ที่ใช้จะเป็น Node.js กับ React ครับวันนี้ก็จะมาแนะนำการพัฒนาระบบหลังบ้านด้วย Node.js + express เนื่องจากทำสักระยะใหญ่ๆ จนมีความเข้าใจมากขึ้น เลยอยากจะมาแชร์ให้ฟังโดยเนื้อหาจะแบ่งตามนี้นะครับทำไมต้องใช้ Node.jsExpress คืออะไร?ติดตั้ง Node.js และ Expressทดลองเรียก API ดูหน่อย1. ทำไมต้องใช้ Node.jsต้องเกริ่นนำนิดนึง เดิมทีภาษา JavaScript ทำงานฝั่ง Client เป็นหลัก จะใช้ร่วมกับ html เพื่อให้เว็บไซต์ของเราดูมีการเคลื่อนไหว และสวยงามมากยิ่งขึ้น โดยปกติแล้วคนที่ dev frontend จะสามารถเขียน JavaScript ได้อยู่แล้ว ดังนั้น Node.js จึงเป็น Javascript ฝั่ง Server ที่ทำให้นักพัฒนา ลดเวลาในการเรียนรู้ภาษาอื่นๆ ด้วยการใช้ JavaScript ทำซะเลย ซึ่ง Node.js คือ JavaScript มีการ Complied เป็น Byte Code ด้วย V8 Engine ของ Googleข้อดีของ Node.js นอกจากที่กล่าวมาแล้ว ก็ยังมีในเรื่องของ Free library จำนวนมาก และ Node.js ยังเป็น community ที่ใหญ่ เวลามีปัญหา หรือติดตรงไหน จะสามารถหาอ่านวิธีแก้ได้ง่ายรายละเอียดเพิ่มเติม Node.js2. Express คืออะไร?Express คือ Framework ที่ใช้สำหรับทำ Web services เช่น REST API โดยที่ Express สร้างบนพื้นฐานของ Node.js พูดง่ายๆว่าเป็นการเอา Node.js มาทำเป็น Framework เพื่อให้ง่ายต่อการใช้งานนั่นเอง ซึ่ง Express จะมีส่วนที่ไว้จัดการเรื่อง routing, middleware และส่วนของ request, response อีกด้วยรายละเอียดเพิ่มเติม Express 3. ติดตั้ง Node.js และ Expressขั้นแรกให้ติดตั้ง Node.js ก่อน ซึ่งสามารถ download ได้ที่ https://nodejs.org/en/download/ เมื่อติดตั้งแล้ว สามารถเช็คได้จากการเรียกดู version ของ node ด้วย node -vเมื่อติดตั้งเรียบร้อยแล้ว ให้เราไปยัง path ที่ต้องการ แล้วพิมพ์ command ดังนี้เพื่อสร้างโปรเจค$ mkdir nodeapp$ cd nodeappจากนั้นให้ init โปรเจคด้วยคำสั่ง$ npm init -y จะได้ไฟล์ package.json ออกมา ใช้สำหรับเก็บ library ต่าง ๆ ที่จะใช้ จากนั้นให้เราติดตั้ง Express ด้วยคำสั่ง$ npm install express --saveหลังจากติดตั้งแล้ว จะได้ folder ชื่อ node_modules ซึ่งเป็นที่ที่เก็บไฟล์ install ไว้นั่นเอง 4. ทดลองเรียก API ดูหน่อยสำหรับขั้นตอนสุดท้าย เราจะมาลองเรียก API กันดู ให้เราเปิด editor ที่เราใช้เขียน code ประจำขึ้นมา (โดยของผมเป็น vscode นะครับ) แล้วไปที่ project ที่เราสร้างไว้ จากนั้น การสร้างไฟล์ชื่อ app.js ไว้ที่ root project แล้ววาง code ด้านล่างลงไป const express = require('express')const app = express()const port = 3000app.get('/', (req, res) => res.send('Hello World!'))app.listen(port, () => console.log(`Example app listening on port ${port}!`))ดูเพิ่มเติมได้จาก https://expressjs.com/en/starter/hello-world.htmlเมื่อเราวางเรียบร้อย เราจะได้เหมือนกับรูปต่อไปนี้นะครับจากนั้นเราจะ start server โดยตัวอย่างจะรันอยู่ที่ port 3000 นะครับ$ node ./app.jsจากนั้นลองเรียก localhost:3000 ดู จะได้ผลลัพธ์ประมาณนี้ครับเป็นเสร็จสิ้นการทำ API แรกแล้วนะครับ ทิ้งท้ายนะครับ จากตัวอย่างที่ทำไป เป็นเพียงพื้นฐานเบื้องต้นเท่านั้น ซึ่งผมจะทยอยเขียนตัวอย่างที่ใช้งานจริงออกมาให้ดูกันในตอนต่อ ๆ ไปนะครับขอบคุณที่ติดตามครับ สวัสดีครับบบบบ