การตั้งค่าเว็บเซิร์ฟเวอร์ Express.js บน Ubuntu 16.04 LTS

• กำลังติดตั้ง Node.js
• ติดตั้ง Express

ในบทช่วยสอนนี้เราจะติดตั้งเว็บเซิร์ฟเวอร์ Express.js ขั้นพื้นฐานโดยใช้ Node.js ซึ่งเป็นจาวาสคริปต์รันไทม์ที่ใช้เอ็นจิ้น V8 ของ Chrome บน Vultr VPS ที่ใช้ Ubuntu 16.04 หากคุณไม่ทราบ Express.js เป็นเฟรมเวิร์ก Node.js ที่น้อยที่สุดและยืดหยุ่นซึ่งให้พลังแก่คุณในการเขียนเว็บแอปพลิเคชัน มันแสดงให้เห็นถึงสิ่งที่ Node.js สามารถทำได้ในแง่ของการพัฒนาเว็บ ดังนั้นโดยไม่ต้องกังวลใจต่อไปเริ่มกันเลย!

กำลังติดตั้ง Node.js

ในการเริ่มต้นคุณจะต้องติดตั้ง Node.js ก่อนซึ่งจะเป็นแบ็กเอนด์สำหรับไซต์ Express ของเรา หากต้องการติดตั้งบน Ubuntu 16.04 ก่อนอื่นเราต้องเพิ่มที่เก็บสำหรับเวอร์ชั่นล่าสุด หากต้องการทำเช่นนั้นให้พิมพ์ดังต่อไปนี้:

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

สิ่งนี้ทำอะไรได้คือคว้าแพ็คเกจ 8.x ล่าสุดจาก nodesource.com และตั้งค่าเป็นที่เก็บ APT เมื่อเสร็จแล้วให้เรียกใช้สิ่งต่อไปนี้เพื่อติดตั้งโหนด:

sudo apt-get install -y nodejs build-essential

สิ่งนี้กำลังทำคือการติดตั้ง Node.js และคว้าbuild-essentialซึ่งเป็นเครื่องมือบางอย่างที่คุณอาจต้องการเมื่อรวบรวมโมดูล เมื่อเสร็จแล้วเราจะสร้างโครงการโหนดใหม่ ขั้นแรกตรวจสอบให้แน่ใจว่าคุณอยู่ใน/homeไดเรกทอรีของคุณ

/home/yourname

ในการตรวจสอบเพียงพิมพ์pwdเทอร์มินัลของคุณและถ้าคุณเห็น/home/yournameคุณก็พร้อมแล้ว! จากนั้นเราจะใช้คุณสมบัติเริ่มต้นของ npm เพื่อสร้างpackage.jsonโมดูลที่จะติดตามทุกโมดูลของเรา หากต้องการทำสิ่งนี้ให้พิมพ์npm initเทอร์มินัลของคุณ ทำตามคำแนะนำทั้งหมดและคุณจะเห็นสิ่งนี้เมื่อคุณทำเสร็จ:

{
  "name": "example",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "rich",
  "license": "MIT"
}

จากนั้นคลิก Enter เพื่อยืนยัน

ติดตั้ง Express

ต่อไปเราจะติดตั้งโมดูล Express ของเรา ในการทำเช่นนั้นเพียงแค่พิมพ์:

npm install express

รอจนกระทั่งการติดตั้งเสร็จสิ้น

เพื่อให้ชีวิตง่ายขึ้นเราจะใช้โมดูลตัวเล็กที่เรียกว่าexpress-generatorเรียบร้อย สิ่งนี้จะทำคือมันจะสร้างเว็บไซต์โครงกระดูกสำหรับเราทำให้ชีวิตง่ายขึ้นมาก ดูแลสิ่งพื้นฐานเช่นเส้นทางและเช่นนั้น หากต้องการติดตั้ง Express Generator เพียงพิมพ์:

npm install express-generator -g

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

express -v ejs mysite

mysiteซึ่งจะทำให้ภายในโฟลเดอร์ใหม่ของโครงการที่มีอยู่ของเราที่มีชื่อ ตอนนี้เพื่อให้แน่ใจว่าเรามีโมดูลที่จำเป็นทั้งหมดสำหรับโครงการให้เรียกใช้คำสั่งต่อไปนี้

npm install

ตอนนี้เรามีการตั้งค่าเว็บไซต์พื้นฐานแล้วเราสามารถเริ่มได้! ในการเริ่มต้นเว็บไซต์ด้วยพอร์ตพื้นฐานเพียงพิมพ์:

DEBUG=mysite:* npm start

เว็บไซต์จะเริ่มขึ้น ปัญหาเดียวคือคุณจะไม่สามารถดูเว็บไซต์ได้เนื่องจากคุณกำลังใช้หน้าจอเทอร์มินัล ในการดูหน้าตัวอย่างเราจะต้องระบุที่อยู่ IP ไปยังเซิร์ฟเวอร์ HTTP ซึ่งจะเป็นที่อยู่ IP ของ VPS ของเรา ในการรับที่อยู่ IP ของคุณเพียงไปที่แผง Vultr VPS ของคุณแล้วคลิกที่แท็บเซิร์ฟเวอร์ มันควรจะอยู่ใต้ชื่อเซิร์ฟเวอร์ของคุณที่ด้านล่าง ตัวอย่างเช่น: "1024 MB Server - yourIP" คัดลอกที่อยู่ IP นั้นและเก็บไว้ใกล้เพราะเราจะต้องการ จากนั้นกลับไปที่เซิร์ฟเวอร์ของคุณและเปลี่ยนไดเรกทอรีเป็นโฟลเดอร์ช่องเก็บ

cd mysite/bin

นี่ถือว่าคุณสร้างโฟลเดอร์ในโฮมไดเร็กตอรี่ของคุณ. แก้ไขไฟล์ภายใน: wwwไฟล์ ในการทำเช่นนั้นเราจะใช้เครื่องมือแก้ไขในตัวนาโน

nano www

เมื่อเข้าไปข้างในนำทางไปยังบรรทัดนี้:

server.listen(port);

เพิ่มที่อยู่ IP ของคุณลงในบรรทัดนั้น แก้ไขมันเพื่อให้มีลักษณะเช่นนี้:

server.listen(port, 'your ip here');

จากนั้นกด "control-o" บนแป้นพิมพ์ของคุณและ "ป้อน" เพื่อบันทึก กด "control-x" เพื่อออก ตอนนี้เราพร้อมที่จะเริ่มเซิร์ฟเวอร์ของเราแล้ว เพียงพิมพ์คำสั่งเดียวกับที่เราพิมพ์ไว้ก่อนหน้าเพื่อทดสอบ:

DEBUG=mysite:* npm start

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

http://yourIP:port

ตัวอย่างเช่นอาจมีลักษณะเช่นนี้:

http://192.0.2.0:3000

หากทุกอย่างเป็นไปด้วยดีคุณจะเห็น "ยินดีต้อนรับสู่ Express" บนหน้าจอของคุณ!

และคุณทำเสร็จแล้ว! คุณได้สร้างเว็บไซต์ Express แห่งแรกด้วย Node.js โดยใช้ Vultr VPS หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ Express และสิ่งที่คุณสามารถทำได้ฉันขอแนะนำให้ไปที่ไซต์ของพวกเขาที่http://expressjs.orgและเว็บไซต์ EJS ที่http://ejs.coซึ่งคุณสามารถอ่านได้ที่ เอกสารและสร้างเว็บไซต์นักฆ่าของคุณเอง!