คู่มือนี้จะอธิบายขั้นตอนการดำเนินการกลยุทธ์การกำหนดเส้นทางใน Node.js
- วิธีดำเนินการกลยุทธ์การกำหนดเส้นทางใน Node.js
- ข้อกำหนดเบื้องต้น
- การกำหนดเส้นทางด้วย Frameworks ใน Node.js
- การกำหนดเส้นทางโดยไม่มีกรอบใน Node.js
- บทสรุป
วิธีดำเนินการกลยุทธ์การกำหนดเส้นทางใน Node.js
การกำหนดเส้นทางสามารถทำได้โดยมีและไม่มีการใช้เฟรมเวิร์กหรือโมดูลภายนอก ทางเลือกระหว่างทั้งสองแนวทางนี้ขึ้นอยู่กับข้อกำหนดของโครงการเท่านั้น มีการควบคุมโฟลว์ของโมดูลการดำเนินการและเหตุการณ์ได้มากขึ้นในขณะที่ทำงานโดยไม่มีเฟรมเวิร์ก ด้วยการใช้เฟรมเวิร์ก การควบคุมการดำเนินการจึงลดลงอย่างมาก
ข้อกำหนดเบื้องต้น
ตามข้อกำหนดเบื้องต้น โปรแกรมเมอร์จะต้องติดตั้ง node.js บนระบบปฏิบัติการของตนก่อน และเริ่มต้นโปรเจ็กต์ node.js สำหรับการติดตั้ง Node.js บนระบบปฏิบัติการ Windows และ Linux คุณสามารถไปที่ “ ติดตั้ง Node.js บน Linux หรือไม่ ' และ ' ติดตั้ง Node.js และ npm บน Windows 11 หรือไม่ ” บทความ
ตอนนี้เริ่มต้น ' เวลา 22.00 น ” ภายในไดเร็กทอรีที่ต้องการเพื่อตั้งค่าโครงการ Node.js โดยใช้คำสั่งที่ระบุด้านล่าง:
เวลาเริ่มต้น npm - - และ
หลังจากรันคำสั่งที่ระบุไว้ข้างต้นแล้ว “ แพ็คเกจ.json ” ไฟล์จะถูกสร้างขึ้นโดยอัตโนมัติซึ่งมีข้อมูลเกี่ยวกับโครงการ Node.js ที่สร้างขึ้น:
การกำหนดเส้นทางด้วย Frameworks ใน Node.js
กรอบงานที่ดีที่สุดและใช้มากที่สุดในการดำเนินการกำหนดเส้นทางใน Node.js คือ “ ด่วน ' โมดูล. มันให้อิสระอย่างมากแก่นักพัฒนาและปรับปรุงความปลอดภัยและประสิทธิภาพของแอปพลิเคชันของคุณ การกำหนดเส้นทางสามารถกำหนดได้หลายวิธี” รับ() , ' โพสต์() , ' ใส่() , ' ลบ() ', และ ' ทั้งหมด() ” ซึ่งมีรายละเอียดดังต่อไปนี้:
- “ รับ() ” วิธีการของโมดูลด่วนใช้ในการดึงหรือส่งข้อมูลจากเซิร์ฟเวอร์
- “ โพสต์() ” วิธีการใช้ในการโพสต์หรือส่งข้อมูลผ่านเซิร์ฟเวอร์
- “ ใส่() ” วิธีการของโมดูลด่วน แก้ไขข้อมูลที่อยู่บนเซิร์ฟเวอร์
- “ ลบ() ” วิธีการใช้ในการลบส่วนที่เลือกของข้อมูล
- “ ทั้งหมด() ” วิธีการสามารถดำเนินงานวิธีการที่อธิบายไว้ข้างต้นทั้งหมดได้
เพื่อให้วิธีการข้างต้นใช้งานได้ จำเป็นต้องมี “ ด่วน ” จำเป็นต้องติดตั้งโมดูลก่อน การติดตั้งนี้ทำได้โดยการรันคำสั่งด้านล่าง:
เวลา 22.00 น. ฉันด่วนเอาต์พุตที่สร้างขึ้นบนเทอร์มินัลจะยืนยันการติดตั้งโมดูล 'ด่วน' ที่จำเป็น:
เรามาเจาะลึกถึงการใช้งานจริงของวิธีการที่กล่าวมาข้างต้นกันดีกว่า
ตัวอย่างที่ 1: การกำหนดเส้นทางผ่านวิธี get()
ในตัวอย่างนี้ การกำหนดเส้นทางได้รับการตั้งค่าโดยใช้โมดูลด่วน “ รับ() ” วิธีการส่งข้อความจำลองผ่านเซิร์ฟเวอร์ โดยมีโค้ดระบุไว้ด้านล่าง:
ค่าคงที่ expObj = จำเป็นต้อง ( 'ด่วน' ) ;ค่าคงที่ หมายเลขพอร์ต = 8080 ;
ค่าคงที่ สวัสดีแอป = expObj ( ) ;
สวัสดีแอป รับ ( '/' , ( ร้องขอ, ตอบกลับ ) => {
ความละเอียด ส่ง ( '
สวัสดี! ชุมชน Linuxhint
' ) ;} ) ;
สวัสดีแอป ฟัง ( หมายเลขพอร์ต, ( ) => {
คอนโซล บันทึก ( `เริ่มต้นที่ $ { หมายเลขพอร์ต } ` ) ;
} ) ;
คำอธิบายของโค้ดข้างต้นเป็นดังนี้:
- ประการแรก จำเป็น “ ด่วน ” โมดูลถูกนำเข้าและอ็อบเจ็กต์ถูกเก็บไว้ใน “ expObj ” ตัวแปร
- ต่อไป ให้สร้าง “ ค่าคงที่ ” พิมพ์ตัวแปรและเก็บหมายเลขพอร์ต localhost ของ “ 8080 ' ในนั้น. สร้างแอปด่วนด้วยชื่อ “ สวัสดีแอป '.
- ตอนนี้เพื่อส่งคำขอให้ใช้ ' รับ() ” วิธีการและภายในฟังก์ชันการโทรกลับจะเรียกใช้ “ ส่ง() ” วิธีการส่งข้อความสุ่มผ่านเซิร์ฟเวอร์ที่สร้างขึ้น
- สุดท้าย ตั้งค่าเซิร์ฟเวอร์บนหมายเลขพอร์ตที่ระบุโดยการเรียกใช้ ' ฟัง() ' วิธี. เพื่อให้อ่านง่ายขึ้น ให้แสดงข้อความจำลองบนคอนโซลโดยใช้ฟังก์ชันเรียกกลับเสริม
ตอนนี้รันโค้ดด้านบนที่มีไฟล์โดยการรันคำสั่ง:
โหนด < ชื่อไฟล์ >หลังจากดำเนินการไฟล์ที่มีซึ่งก็คือ “ proApp.js ” ในกรณีของเรา เทอร์มินัลแสดงว่าเซิร์ฟเวอร์เริ่มต้นที่หมายเลขพอร์ตที่ให้ไว้:
ตอนนี้ไปที่ localhost ที่มีหมายเลขพอร์ตที่ระบุและข้อความที่ส่งผ่านเซิร์ฟเวอร์ควรแสดงดังที่แสดงด้านล่าง:
ตัวอย่างที่ 2: การกำหนดเส้นทางผ่านวิธี all()
ในตัวอย่างนี้ การกำหนดเส้นทางได้รับการตั้งค่าโดยใช้โมดูลด่วน “ ทั้งหมด() ” วิธีการส่งข้อความจำลองผ่านเซิร์ฟเวอร์:
ค่าคงที่ expObj = จำเป็นต้อง ( 'ด่วน' ) ;ค่าคงที่ หมายเลขพอร์ต = 8080 ;
// การสร้างแอปพลิเคชันด่วน
ค่าคงที่ สวัสดีแอป = expObj ( ) ;
สวัสดีแอป ทั้งหมด ( '/' , ( ร้องขอ, ตอบกลับ ) => {
ความละเอียด ทั้งหมด ( '
สวัสดี! ชุมชน Linuxhint
' ) ;} ) ;
//การตั้งค่า
สวัสดีแอป ฟัง ( หมายเลขพอร์ต, ( ) => {
คอนโซล บันทึก ( `เริ่มต้นที่ $ { หมายเลขพอร์ต } ` ) ;
} ) ;
รหัสข้างต้นเหมือนกับรหัสที่อธิบายไว้ในส่วนด้านบน เพียง “ ทั้งหมด() ” ตอนนี้ใช้วิธีแทน “ รับ() ' วิธี. ไม่มีความแตกต่างในการทำงานเป็น “ ทั้งหมด() ” วิธีการยังสามารถดำเนินการ “ รับ() ” การทำงานของวิธีการ
ตอนนี้รันโค้ดด้านบนที่มีไฟล์โดยการรันคำสั่ง:
โหนด < ชื่อไฟล์ >หลังจากดำเนินการคำสั่งข้างต้น เทอร์มินัลจะแสดงว่าเซิร์ฟเวอร์เริ่มต้นที่หมายเลขพอร์ตที่ให้มา:
ตอนนี้ไปที่ localhost ที่มีหมายเลขพอร์ตที่ระบุและข้อความที่ต้องส่งผ่านเซิร์ฟเวอร์ควรแสดงเป็น:
การกำหนดเส้นทางโดยไม่มีกรอบใน Node.js
สามารถสร้างการกำหนดเส้นทางได้โดยไม่ต้องใช้เฟรมเวิร์กหรือโมดูลภายนอกเช่น “ ด่วน '. โมดูลเริ่มต้นเช่น “ http ” ยังสามารถใช้เพื่อตั้งค่าการกำหนดเส้นทางแอปพลิเคชันของคุณแบบกำหนดเองได้ ตัวอย่างเช่น เส้นทางสำหรับหน้าแอปพลิเคชันของคุณจะถูกตั้งค่าไว้ในข้อมูลโค้ดด้านล่างนี้:
ค่าคงที่ httpObj = จำเป็นต้อง ( 'http' ) ;httpObj. สร้างเซิร์ฟเวอร์ ( ( การร้องขอการตอบสนอง ) => {
การตอบสนอง. เขียนหัว ( 200 , { 'ชนิดของเนื้อหา' : : 'ข้อความ/html' } ) ;
ค่าคงที่ URL ปัจจุบัน = ขอ. URL ;
ถ้า ( URL ปัจจุบัน === '/ ทวิตเตอร์' ) {
การตอบสนอง. เขียน ( 'ยินดีต้อนรับสู่เพจทวิตเตอร์' ) ;
การตอบสนอง. จบ ( ) ;
}
อื่น ถ้า ( URL ปัจจุบัน === '/ยูทูป' ) {
การตอบสนอง. เขียน ( 'ยินดีต้อนรับสู่เพจยูทูป' ) ;
การตอบสนอง. จบ ( ) ;
}
อื่น {
การตอบสนอง. เขียน ( 'สวัสดีชุมชน Linuxhint!' ) ;
การตอบสนอง. จบ ( ) ;
}
} ) . ฟัง ( 8080 , ( ) => {
คอนโซล บันทึก ( 'เซิร์ฟเวอร์เริ่มต้นที่พอร์ตหมายเลข 8080' ) ;
} ) ;
คำอธิบายของโค้ดข้างต้นมีดังนี้:
- ขั้นแรก นำเข้า ' http ” โมดูลโดยใช้ “ จำเป็นต้อง() ” วิธีการและเก็บวัตถุไว้ในตัวแปรใหม่ชื่อ “ httpObj '.
- ถัดไป ด้วยความช่วยเหลือของวัตถุนี้สร้างเซิร์ฟเวอร์โดยการเรียกใช้ “ สร้างเซิร์ฟเวอร์() ' วิธี. ภายในวิธีนี้ใช้ฟังก์ชันการโทรกลับที่จำเป็นซึ่งมีพารามิเตอร์สองตัวคือ “ ขอ ' และ ' การตอบสนอง '.
- ใช้ ' การตอบสนอง ” พารามิเตอร์เรียกใช้ “ เขียนหัว() ” วิธีการและตั้งค่าส่วนหัวของประเภทเป็น “ ข้อความ/html ” และเลขความสำเร็จของ “ 200 ” สำหรับเซิร์ฟเวอร์
- ตอนนี้เก็บ 'URL' ของเซิร์ฟเวอร์ที่สร้างขึ้นไว้ใน ' URL ปัจจุบัน ” ตัวแปรที่ถูกดึงข้อมูลโดยใช้ “ ขอ.url ' คุณสมบัติ.
- ใช้ “ ถ้า , ' อย่างอื่นถ้า ', และ ' อื่น ” เพื่อตรวจสอบว่า URL เก็บไว้ใน “ URL ปัจจุบัน ” ตัวแปรลงท้ายด้วยชื่อที่ระบุหรือไม่ การลงท้ายด้วยชื่อเฉพาะหมายถึงการระบุว่าผู้ใช้อยู่ในหน้าใดหน้าหนึ่งหรือไม่
- หากเงื่อนไขใดๆ เป็นจริง ข้อความจำลองที่อยู่ภายในบล็อกเหล่านี้จะถูกแสดงบนหน้าเว็บ
- สุดท้ายให้กำหนดหมายเลขพอร์ตเป็น “ 8080 ” สำหรับเซิร์ฟเวอร์ localhost ของคุณและแสดงข้อความแสดงความสำเร็จบนเทอร์มินัล
เก็บโค้ดที่แสดงข้างต้นไว้ในไฟล์ใหม่โดยตั้งประเภทเป็น “ .js ” และดำเนินการโดยใช้คำสั่ง:
โหนด < ชื่อไฟล์ >ผลลัพธ์ที่สร้างขึ้นแสดงให้เห็นว่ามีการกำหนดเส้นทางสำหรับหน้าแอปพลิเคชันที่แตกต่างกันโดยไม่ต้องใช้โมดูลหรือกรอบงานภายนอก:
นั่นคือทั้งหมดที่เกี่ยวกับกลยุทธ์การกำหนดเส้นทางใน Node.js
บทสรุป
เพื่อดำเนินการตามกลยุทธ์การกำหนดเส้นทางใน Node.js กรอบงานหรือโมดูลภายนอกเช่น “ ด่วน ” สามารถใช้ได้ด้วยความช่วยเหลือของมัน “ รับ() , ' โพสต์() , ' ใส่() , ' ลบ() ', และ ' ทั้งหมด() ” วิธีการ โมดูลเริ่มต้นเช่น “ http ” ยังมีประโยชน์มากในการใช้ “ สร้างเซิร์ฟเวอร์() ” วิธีการและวิธีการของมันเช่น “ เขียนหัว() , ' เขียน() ', และ ' จบ() '. คู่มือนี้ได้อธิบายขั้นตอนการดำเนินการกลยุทธ์การกำหนดเส้นทางใน Node.js