วิธีสร้างเว็บเซิร์ฟเวอร์พื้นฐานใน Node.js

วิธีสร้างเว็บเซิร์ฟเวอร์พื้นฐานใน Node.js

Node.js ได้กลายเป็นหนึ่งในตัวเลือกที่ได้รับความนิยมมากที่สุดสำหรับการพัฒนาฝั่งเซิร์ฟเวอร์ตั้งแต่เปิดตัวครั้งแรกเมื่อกว่าทศวรรษที่แล้ว แม้ว่าจะยังค่อนข้างใหม่เมื่อเทียบกับ PHP และเทคโนโลยีแบ็กเอนด์อื่นๆ แต่ก็ได้รับการยอมรับอย่างกว้างขวางจากยักษ์ใหญ่ด้านเทคโนโลยี เช่น LinkedIn, PayPal, Netflix และอื่นๆ





บทความนี้จะสอนวิธีสร้างและเรียกใช้เว็บเซิร์ฟเวอร์ของคุณเองด้วย Node.js และเฟรมเวิร์กเว็บ Express.js



เทคโนโลยีและแพ็คเกจที่เกี่ยวข้อง

Node.js เป็นรันไทม์ JavaScript ที่สร้างขึ้นบนเอ็นจิ้น V8 ของ Chrome ที่ให้คุณรันโค้ด JavaScript นอกเบราว์เซอร์ได้ ตามเนื้อผ้า ภาษาโปรแกรม JavaScript ใช้สำหรับจัดการ Document Object Model (DOM) เพิ่มการโต้ตอบกับเว็บไซต์





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

ในอีกทางหนึ่ง Express.js เป็นเว็บเฟรมเวิร์กแบบมินิมอลที่กลายมาเป็นเฟรมเวิร์กส่วนหลังโดยพฤตินัยสำหรับ Node.js อย่างไรก็ตาม Express.js ไม่จำเป็น คุณยังสามารถใช้ built-in http โมดูลของ Node.js เพื่อสร้างเซิร์ฟเวอร์ของคุณ Express.js สร้างขึ้นบน http โมดูลและจัดเตรียม API ที่ง่ายกว่าพร้อมการกำหนดค่าที่จำเป็นทั้งหมด



การสร้างเว็บเซิร์ฟเวอร์

ในการจัดระเบียบโค้ดของคุณให้ดีขึ้น คุณสามารถเริ่มต้นด้วยการสร้างโฟลเดอร์ที่มีไฟล์และการอ้างอิงทั้งหมด เนื่องจาก Express.js ไม่ใช่โมดูล Node.js ในตัว คุณจะต้องติดตั้งโดยใช้ npm

อ่านเพิ่มเติม: npm คืออะไร?



ในการติดตั้งแพ็คเกจ Express.js ให้รันคำสั่ง npm ติดตั้ง express บนเทอร์มินัลหรือพรอมต์คำสั่งของคุณ ตรวจสอบให้แน่ใจว่าคุณอยู่ในไดเร็กทอรีโปรเจ็กต์ก่อนทำการติดตั้ง

เมื่อเสร็จแล้ว คุณสามารถเปิดโฟลเดอร์โดยใช้โปรแกรมแก้ไขข้อความหรือ IDE ที่คุณเลือก และสร้างไฟล์ใหม่ชื่อ server.js . ในการใช้แพ็คเกจ Express.js คุณต้องนำเข้าและสร้างอินสแตนซ์ภายใน .ก่อน server.js ไฟล์เช่น:



มีคนบล็อกฉันใน Facebook แต่ฉันเห็นภาพของพวกเขา
const express = require('express');
const app = express();

เป้าหมายหลักของเว็บเซิร์ฟเวอร์คือการตอบสนองต่อคำขอที่มาจากเส้นทางต่างๆ ด้วยฟังก์ชันตัวจัดการที่เหมาะสม รหัสนี้จัดการคำขอ GET ทั้งหมดที่ทำกับรูท ( '/' ) เส้นทางและตอบกลับด้วย 'Hello World!'

app.get('/', (req, res) => {
res.send('`);
};

ในทั้งสองตัวอย่างข้างต้น บรรทัดแรกแสดงถึงการใช้ .รับ() วิธีการของ Express.js ที่รับพารามิเตอร์ 2 ตัว: จุดสิ้นสุดหรือเส้นทาง และฟังก์ชันตัวจัดการการเรียกกลับที่รับคำขอและวัตถุตอบสนองเป็นพารามิเตอร์ พารามิเตอร์ 2 ตัวนี้จะถูกส่งโดยอัตโนมัติเมื่อคุณส่งคำขอ

ในบรรทัดที่สอง การตอบสนองจะทำผ่าน .ส่ง() วิธีการบนวัตถุตอบสนอง ภายในวงเล็บ คุณสามารถป้อนข้อความหรือ HTML ใดก็ได้ที่คุณต้องการ ในกรณีของเส้นทางแบบไดนามิก การเข้าถึง req.params.name (ตั้งแต่เคยใช้ /:ชื่อ ) ของวัตถุที่ร้องขอจะคืนค่าพารามิเตอร์เส้นทางแบบไดนามิก ( ชื่อ ในกรณีนี้.)

สุดท้าย ในการเริ่มฟังคำขอขาเข้าบนพอร์ต คุณสามารถใช้ .ฟัง() เมธอดซึ่งใช้หมายเลขพอร์ตและฟังก์ชันเรียกกลับเสริมเพื่อให้ทำงานสำเร็จ

app.listen(5000, console.log('Server is running on port 5000'));

ฉันเคยใช้พอร์ต 5000 ในตัวอย่าง แต่คุณสามารถเปลี่ยนเป็นพอร์ตที่ถูกต้องได้ นั่นคือรหัสทั้งหมดที่คุณต้องใช้เพื่อสร้างเว็บเซิร์ฟเวอร์พื้นฐานด้วย Node.js และ Express.js แนวคิดเดียวกันสามารถขยายเพิ่มเติมเพื่อขออื่น ๆ เช่น โพสต์ , ใส่ , หรือ ลบ ไปยังเส้นทางอื่นๆ นี่คือวิธีที่ server.js ไฟล์จะมีลักษณะดังนี้:

ถ้าฉันซื้อ iphone จาก apple มันจะปลดล็อคหรือไม่?

การทดสอบเซิร์ฟเวอร์

ในการรันโค้ดและเริ่มเซิร์ฟเวอร์ ให้เรียกใช้ โหนดเซิร์ฟเวอร์ คำสั่งบนเทอร์มินัลหรือพรอมต์คำสั่งในไดเร็กทอรีโครงการ การดำเนินการนี้จะเรียกใช้ฟังก์ชันการโทรกลับที่คุณให้ไว้ใน .ฟัง() กระบวนการ.

เพื่อยืนยันว่าเซิร์ฟเวอร์ใช้งานได้ ให้เปิดเว็บเบราว์เซอร์และไปที่ http://localhost:5000

ในทำนองเดียวกัน หากคุณเยี่ยมชมเส้นทางแบบไดนามิกเช่น http://localhost:5000/muo ฟังก์ชันตัวจัดการที่สองจะทำงานและแสดง:

หากต้องการหยุดเซิร์ฟเวอร์ ให้กด Ctrl + C บน Windows หรือ Cmd + C บน macOS

Node.js สามารถทำได้มากกว่านั้น

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

หากคุณตัดสินใจว่าต้องการให้ภาษาโปรแกรมของ Google ใช้งานได้จริง การสร้างเว็บเซิร์ฟเวอร์พื้นฐานถือเป็นโครงการเริ่มต้นที่ยอดเยี่ยม

แบ่งปัน แบ่งปัน ทวีต อีเมล วิธีสร้างเว็บเซิร์ฟเวอร์พื้นฐานใน Go

Ready, set, Golang: เริ่มต้นสร้างเว็บเซิร์ฟเวอร์ด้วย Go

อ่านต่อไป หัวข้อที่เกี่ยวข้อง
  • การเขียนโปรแกรม
  • JavaScript
  • เว็บเซิร์ฟเวอร์
เกี่ยวกับผู้เขียน นิทิน รังคนาถ(31 บทความที่ตีพิมพ์)

Nitin เป็นนักพัฒนาซอฟต์แวร์ตัวยงและเป็นนักศึกษาวิศวกรรมคอมพิวเตอร์ที่พัฒนาเว็บแอปพลิเคชันโดยใช้เทคโนโลยี JavaScript เขาทำงานเป็นนักพัฒนาเว็บอิสระและชอบเขียนสำหรับ Linux และการเขียนโปรแกรมในเวลาว่าง

เพิ่มเติมจาก Nitin Ranganath

สมัครรับจดหมายข่าวของเรา

เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!

คลิกที่นี่เพื่อสมัครสมาชิก