NODEJS 101 - การตั้งค่าโครงการ NODE JS

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

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

ในบล็อกของวันนี้ เราจะมาสำรวจวิธีการทีละขั้นตอนในการตั้งค่าตัวเองเพื่อเริ่มเขียนโค้ดโปรเจ็กต์ node js

สร้างไดเรกทอรี

ขั้นตอนแรกคือสร้างไดเร็กทอรีใหม่ที่โค้ดของคุณจะใช้งานได้เสมอ สำหรับสิ่งนี้ คุณจะใช้คำสั่ง (สำหรับผู้ที่ใช้เทอร์มินัล linux) mkdir <name of your project>ฉันจะเรียก NodeTutorial ของฉัน:

จากนั้นฉันจะ cd ลงในไดเร็กทอรี NodeTutorial ที่ฉันเพิ่งสร้าง:cd <name of your project

NPM INIT

npm initเป็นคำสั่งที่ใช้ใน nodejs เพื่อสร้างpackage.jsonไฟล์ใหม่สำหรับโปรเจ็กต์ของเรา ไฟล์นี้เป็นไฟล์ข้อมูลเมตาที่มีข้อมูลเกี่ยวกับโครงการ เช่น ชื่อ รุ่น คำอธิบาย ผู้แต่ง ใบอนุญาต การอ้างอิง และอื่นๆ อีกมากมาย

คำถามแรกที่คุณจะถามตัวเองคือเหตุใดจึงจำเป็นต้องมีไฟล์นี้ ทำไมเราต้องสร้างมันขึ้นมา?

1. การจัดการการพึ่งพา - ไฟล์นี้แสดงรายการการพึ่งพาทั้งหมด (นั่นคือไลบรารีและโมดูลที่โครงการของเราต้องการเพื่อให้ทำงาน
2. การควบคุมเวอร์ชัน - ประกอบด้วยข้อมูลเกี่ยวกับเวอร์ชันของโครงการ ผู้เขียน ใบอนุญาต และข้อมูลเมตาอื่นๆ ข้อมูลนี้มีประโยชน์สำหรับระบบควบคุมเวอร์ชันเช่น Git เนื่องจากช่วยในการติดตามการเปลี่ยนแปลงและจัดการเวอร์ชันต่างๆ ของโครงการ
3. ระบบอัตโนมัติ - เครื่องมือและบริการอัตโนมัติจำนวนมากใช้package.jsonไฟล์เพื่อดำเนินการต่างๆ เช่น การทดสอบ การสร้าง และการปรับใช้ ตัวอย่างเช่น เครื่องมือการผสานรวมอย่างต่อเนื่อง (CI) อาจใช้package.jsonไฟล์เพื่อกำหนดการทดสอบที่จะเรียกใช้หรือการอ้างอิงที่จะติดตั้ง
4. การกำหนดค่า - package.jsonไฟล์ยังสามารถใช้เพื่อกำหนดสคริปต์แบบกำหนดเองที่สามารถเรียกใช้โดยใช้npm run <script-name>. สคริปต์เหล่านี้สามารถใช้สำหรับงานต่างๆ เช่น การคอมไพล์โค้ด รันการทดสอบ หรือเริ่มต้นเซิร์ฟเวอร์ ซึ่งช่วยให้นักพัฒนาสามารถกำหนดเวิร์กโฟลว์แบบกำหนดเองสำหรับโครงการของตน ซึ่งนักพัฒนารายอื่นสามารถดำเนินการได้อย่างง่ายดาย

เมื่อฉันรันnpm initมันจะถามคำถามฉันสองสามข้อ ซึ่งคุณสามารถเว้นว่างไว้ได้ เนื่องจากเราสามารถกลับมาแก้ไขได้เสมอเมื่อมันถูกสร้างขึ้นแล้ว

เพียงแค่กด Enter ต่อไปและปล่อยให้เป็นค่าเริ่มต้น คำสั่งนี้จะสร้างไฟล์ package.json ดังที่เราเห็นในภาพหน้าจอด้านล่างเมื่อเราใช้คำสั่ง

จากที่นี่ โปรเจ็กต์ของเราได้รับการตั้งค่าสำหรับโปรเจ็กต์โหนดแล้ว เราแค่ต้องทำอีกสิ่งหนึ่ง นั่นคือการกำหนดภาษาเทมเพลตของเรา คุณถามเครื่องมือเทมเพลตคืออะไร

เทมเพลตเครื่องยนต์

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

เอ็นจิ้นการสร้างเทมเพลต nodejs ที่ได้รับความนิยม ได้แก่:

1. แฮนด์บาร์: เครื่องมือสร้างเทมเพลตที่เรียบง่ายและยืดหยุ่นซึ่งใช้ไวยากรณ์แบบหนวด
2. EJS: เทมเพลต JavaScript แบบฝังที่ให้คุณเขียนโค้ด JavaScript ภายในเทมเพลต HTML
3. Pug (ชื่อเดิมคือ Jade): เครื่องมือสร้างเทมเพลตที่สะอาดและรัดกุมซึ่งใช้การเยื้องเพื่อกำหนดโครงสร้างของเทมเพลต
4. Nunjucks: เครื่องมือสร้างเทมเพลตอันทรงพลังที่มีคุณลักษณะต่างๆ เช่น มาโคร ตัวกรอง และการสืบทอด

เรากำลังจะติดตั้ง ejs(express) เพื่อที่เราจะสามารถทำอ็อบเจกต์ของเราให้เสร็จและส่งการตอบกลับ HTTP ไปยังไคลเอ็นต์

ติดตั้ง NPM

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

เรากำลังจะติดตั้งเครื่องมือสร้างเทมเพลตด่วน:npm install express

เมื่อฉันดูไดเร็กทอรีนี้ คุณจะเห็นว่ามีไฟล์และโฟลเดอร์ใหม่เพิ่มเข้ามา

จากที่นี่เราจะให้บริการหน้าง่ายๆ แก่ลูกค้า

สร้างไฟล์ index.js และวางโค้ดต่อไปนี้:

#index.js
const express = require('express');
const app = express();

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

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

คุณจะเห็นว่ามันแสดงคำสั่ง: เซิร์ฟเวอร์เริ่มต้นที่พอร์ต 3000 ไปที่url นี้ ในเบราว์เซอร์ของคุณ และคุณจะเห็นว่ามันแสดงและสวัสดีหลายบรรทัด URL คือ `http://localhost:3000/

เท่านี้คุณก็จบคลาส NODEJS 101 แล้ว ใช้เวลาสักครู่และแสดงความยินดีกับความสำเร็จครั้งสำคัญ!

เชา!