JavaScript

การใช้งาน create mini web server ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

การสร้างเว็บเซิร์ฟเวอร์ขนาดเล็กเป็นหนึ่งในพื้นฐานที่สำคัญในการเรียนรู้การพัฒนาเว็บไซต์ และภาษา JavaScript ในปัจจุบันได้กลายเป็นหนึ่งในภาษาที่ทรงพลังและมีประโยชน์มากในการสร้างแอปพลิเคชั่นทั้งแบบบนเว็บและเซิร์ฟเวอร์ไซด์ด้วย Node.js

เพื่อช่วยให้ท่านผู้อ่านเห็นภาพตัวอย่างของการใช้งาน JavaScript ในการสร้าง mini web server แบบง่ายๆ และเข้าใจถึงการทำงานและ usecase ในโลกจริง ข้าพเจ้าจะให้ตัวอย่างโค้ด 3 ตัวอย่าง พร้อมอธิบายความสำคัญของ mini web server นี้ เมื่อเสร็จแล้ว ข้าพเจ้ายังจะชักชวนท่านผู้อ่านให้มาร่วมเรียนรู้การเขียนโปรแกรมกับ EPT เพื่อพัฒนาทักษะของตนเองไปอีกขั้น

ตัวอย่างที่ 1: การสร้าง Mini Web Server ด้วย Node.js และ HTTP Module

 const http = require('http');

const server = http.createServer((req, res) => {
  res.writeHead(200, { 'Content-Type': 'text/plain' });
  res.end('Hello, World!\n');
});

const PORT = 3000;
server.listen(PORT, () => {
  console.log(`Server running at http://localhost:${PORT}/`);
});

อธิบายการทำงาน:

ก้อนโค้ดนี้มีหน้าที่สร้าง HTTP server โดยใช้ module ที่มีมาให้กับ Node.js เมื่อ server นี้ได้รับ request จากคลายเอนท์ มันจะตอบกลับด้วยข้อความ "Hello, World!" และ HTTP status code 200 ซึ่งหมายถึง "OK" หรือการทำงานสำเร็จ เรากำหนดให้ server นี้รันบนพอร์ต 3000 ที่ localhost

Usecase ในโลกจริง:

โมเดลนี้สามารถใช้เป็นรากฐานในการพัฒนาเว็บ API ง่ายๆ หรือเพื่อการทดสอบการเชื่อมต่อของเว็บไซต์

ตัวอย่างที่ 2: การจัดการ Route ด้วย Express.js

 const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Welcome to the homepage!');
});

app.get('/about', (req, res) => {
  res.send('About us page');
});

const PORT = 3000;
app.listen(PORT, () => {
  console.log(`Server running at http://localhost:${PORT}/`);
});

อธิบายการทำงาน:

ในตัวอย่างนี้ เราใช้ Express.js ซึ่งเป็น framework ยอดนิยมเพื่อช่วยจัดการการเส้นทางเว็บ (routing) ได้อย่างง่ายดายและชัดเจนมากขึ้น เมื่อผู้ใช้เข้าสู่เส้นทางต่างๆ เช่น "/", "/about" จะมีการตอบกลับเฉพาะพื้นที่ที่อยู่เส้นทางนั้นๆ

Usecase ในโลกจริง:

เหมาะสำหรับการสร้างเว็บไซต์ที่มีหลายหน้าและต้องการจัดการเส้นทางและคำขอของผู้ใช้ (user requests) อย่างมีระเบียบ

ตัวอย่างที่ 3: การใช้งาน WebSocket เพื่อการสื่อสารแบบ Real-time

 const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 3000 });

wss.on('connection', ws => {
  ws.on('message', message => {
    console.log('Received: %s', message);
    ws.send(`Echoing back: ${message}`);
  });
  console.log('New client connected!');
});

console.log('WebSocket server is running on port 3000');

อธิบายการทำงาน:

WebSocket เป็นเทคโนโลยีที่ช่วยให้สร้างการเชื่อมต่อแบบเต็มรูปแบบ (full-duplex communication) ระหว่างคลายเอนท์และเซิร์ฟเวอร์ เหมาะสำหรับแอปพลิเคชั่นที่ต้องการการสื่อสารแบบทันที เช่น แชท หรือเกมออนไลน์

Usecase ในโลกจริง:

การสร้างแอปพลิเคชั่นแชทที่สามารถส่งข้อความไปมาระหว่างผู้ใช้งานแบบเรียลไทม์ได้

การพัฒนา mini web server ด้วย JavaScript นั้นง่ายและมีประโยชน์อย่างมากในการเรียนรู้ระบบอินเทอร์เน็ตและการจัดการข้อมูล ณ Expert-Programming-Tutor (EPT) เรามีหลักสูตรมากมายที่จะช่วยเพิ่มทักษะการเขียนโปรแกรมของคุณ ไม่ว่าจะเป็นการสร้างเว็บเซิร์ฟเวอร์, การพัฒนาเว็บไซต์ หรือการเขียนโปรแกรมเพื่อการวิเคราะห์ข้อมูล เราขอเชิญชวนให้ท่านผู้อ่านมาเรียนรู้และพัฒนาทักษะการเขียนโปรแกรมที่ EPT เพื่อเป็นก้าวสำคัญในการเตรียมพร้อมสำหรับโลกของเทคโนโลยีที่ไม่หยุดนิ่ง!

หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง

Tag ที่น่าสนใจ: javascript node.js web_server http_module express.js routing websocket real-time_communication programming web_development

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM

แผนที่ ที่ตั้งของอาคารของเรา

EXPERT-PROGRAMMING-TUTOR
รับสอนเขียนโปรแกรมคอมพิวเตอร์

JavaScript

การใช้งาน create mini web server ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

ตัวอย่างที่ 1: การสร้าง Mini Web Server ด้วย Node.js และ HTTP Module

ตัวอย่างที่ 2: การจัดการ Route ด้วย Express.js

ตัวอย่างที่ 3: การใช้งาน WebSocket เพื่อการสื่อสารแบบ Real-time

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

แผนผังการเรียนเขียนโปรแกรม

Link อื่นๆ

ติดต่อเราได้ที่

EXPERT-PROGRAMMING-TUTOR รับสอนเขียนโปรแกรมคอมพิวเตอร์

JavaScript

การใช้งาน create mini web server ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

ตัวอย่างที่ 1: การสร้าง Mini Web Server ด้วย Node.js และ HTTP Module

ตัวอย่างที่ 2: การจัดการ Route ด้วย Express.js

ตัวอย่างที่ 3: การใช้งาน WebSocket เพื่อการสื่อสารแบบ Real-time

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

แผนผังการเรียนเขียนโปรแกรม

Link อื่นๆ

ติดต่อเราได้ที่

EXPERT-PROGRAMMING-TUTOR
รับสอนเขียนโปรแกรมคอมพิวเตอร์