ติดตั้งเซิร์ฟเวอร์ Keystone.js โดยใช้ Nginx Reverse Proxy บน Ubuntu 16.04

• การติดตั้งโหนด
• การติดตั้ง Nginx
• กำลังเริ่มต้นโครงการ Keystone ของเรา
• กำลังเริ่มต้นฐานข้อมูลของเรา
• กำลังติดตั้ง PM2
• การเรียกใช้ / การจัดการแอปพลิเคชันใน PM2
• การตั้งค่า reverse proxy ของคุณ

ในบทช่วยสอนนี้เราจะตั้งค่าเว็บเซิร์ฟเวอร์ด้วย reverse proxy CMS ที่เราจะใช้คือ Keystone.js ซึ่งเป็นเฟรมเวิร์กแอปพลิเคชันเว็บที่รู้จักกันดีซึ่งมาจาก Express.js พร็อกซีย้อนกลับที่เราจะใช้คือ Nginx ซึ่งเป็นพร็อกซีย้อนกลับฟรีและโอเพ่นซอร์สรวมถึงเซิร์ฟเวอร์ HTTP ฐานข้อมูลที่เราจะใช้คือ MongoDB ซึ่งเป็นฐานข้อมูลเอกสาร NoSQL สิ่งนี้จะต้องให้คุณมีโดเมนที่มีการตั้งค่าระเบียน หากคุณไม่มีชุดดังกล่าวให้ไปข้างหน้าเพื่อรับการดูแลและกลับมาที่บทช่วยสอนนี้

การติดตั้งโหนด

อันดับแรกเราจะติดตั้ง Node.js ซึ่งเป็นล่าม Javascript ซึ่งใช้เครื่องยนต์ Chrome V8 Javascript

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs
sudo apt-get install -y build-essential

การติดตั้ง Nginx

ต่อไปเราจะติดตั้ง Nginx ซึ่งเป็น reverse proxy ของเรา

sudo apt update
sudo apt install nginx

นี่จะอัปเดตรายการแพคเกจและติดตั้ง Nginx เมื่อการติดตั้งเสร็จสิ้นเราจะติดตั้งโปรเจคโหนดของเรา

กำลังเริ่มต้นโครงการ Keystone ของเรา

สร้างโครงการโหนดของเรา ในการทำเช่นนั้นเพียงสร้างโฟลเดอร์ใหม่

mkdir website

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

sudo npm install -g generator-keystone
sudo npm install -g yo

เมื่อดาวน์โหลดเสร็จแล้วให้เรียกใช้สิ่งต่อไปนี้

yo keystone

กรอกข้อมูลในฟิลด์ที่จำเป็น มันจะขอให้คุณสำหรับproject name, the template engine, emailสำหรับแผงควบคุมและอื่น ๆ หากคุณไม่ทราบว่าควรเลือกอะไรค่าเริ่มต้นจะถูกต้อง หลังจากที่คุณกำหนดค่าการตั้งค่า keystone ของคุณเราสามารถทดสอบเพื่อดูว่าเซิร์ฟเวอร์ของเรากำลังทำงานอยู่หรือไม่โดยพิมพ์node keystoneเพื่อเริ่มแอปพลิเคชันของคุณ โดยค่าเริ่มต้นใบสมัครของคุณจะได้รับการทำงานบนกับท่าเรือlocalhost 3000โปรดทราบว่าถ้าคุณไม่ได้ติดตั้ง MongoDB ฐานข้อมูลจะไม่สามารถใช้ได้ทันที คุณสามารถเรียนรู้วิธีการติดตั้งในภายหลังในบทช่วยสอน

นี่คือเค้าโครงไดเรกทอรีพื้นฐานสำหรับ Keystone.js:

• /lib - นี่คือที่ที่คุณจะเก็บไลบรารีที่กำหนดเองของคุณและรหัสอื่น ๆ

• /models- ที่นี่คุณจะเก็บโมเดลฐานข้อมูลแอปพลิเคชันของคุณไว้ KeystoneJS ใช้ MongoDB เป็นผู้ให้บริการฐานข้อมูล

• /public - นี่คือที่เก็บไฟล์สแตติกของคุณ (CSS, JS, รูปภาพและอื่น ๆ )

• /routes/api - นี่คือที่เก็บตัวควบคุม API ของแอปพลิเคชันของคุณ

• /routes.views - ตัวควบคุมมุมมองแอปพลิเคชันจะถูกเก็บไว้ที่นี่

• /templates - นี่คือที่เก็บแม่แบบไฟล์แอปพลิเคชันทั้งหมดของคุณ

• /updates - นี่คือที่เก็บสคริปต์การย้ายข้อมูลของคุณ

• package.json - นี่คือไฟล์กำหนดค่า npm ของคุณที่เครื่องกำเนิดสร้างขึ้นสำหรับเรา

• keystone.js - ไฟล์เริ่มต้นหลักของเราเราเรียกใช้สิ่งนี้เมื่อเราเริ่มเว็บไซต์

กำลังเริ่มต้นฐานข้อมูลของเรา

ดังที่ได้กล่าวไว้ก่อนหน้านี้ฐานข้อมูลของเราที่เราจะใช้คือ MongoDB ซึ่งเป็น NoSQL ที่เชื่อถือได้ฐานข้อมูลเชิงเอกสาร หากคุณติดตั้ง MongoDB แล้วคุณสามารถข้ามส่วนนี้ได้ ถ้าไม่เช่นนั้นนี่คือวิธีการติดตั้งบน Ubuntu 16.04

อิมพอร์ตพับลิกคีย์ที่ใช้สำหรับแพ็กเกจ mongoDB

sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 0C49F3730359A14518585931BC711F9BA15703C6

สร้างไฟล์รายการที่ใช้ในการติดตั้งแพ็คเกจ

echo "deb [ arch=amd64,arm64 ] http://repo.mongodb.org/apt/ubuntu xenial/mongodb-org/3.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.4.list

aptการปรับปรุงรายการของคุณโดยใช้แพคเกจ

sudo apt update

สุดท้ายติดตั้ง MongoDB

sudo apt install mongodb-org -y

เมื่อการติดตั้งนี้เสร็จสิ้นให้เริ่ม MongoDB

sudo service mongod start

นี้จะเริ่มต้นกระบวนการ MongoDB 27017ในพอร์ต

MongoDB จะใช้ตลอดทั้งแอปพลิเคชันและจะถูกใช้เพื่อเก็บข้อมูลที่เราใช้สำหรับโมเดลของเราตัวอย่างเช่นUserโมเดล Keystone ใช้เป็นฐานข้อมูลที่เลือกและในเวลานี้คุณไม่สามารถใช้ผู้จำหน่ายฐานข้อมูลอื่นได้

กำลังติดตั้ง PM2

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

sudo npm install pm2 -g

สิ่งนี้บอก npm ให้ติดตั้งทั่วโลกดังนั้นเราจึงสามารถใช้ที่ใดก็ได้ในระบบของเรา

การเรียกใช้ / การจัดการแอปพลิเคชันใน PM2

node keystoneก่อนหน้านี้เราวิ่งโปรแกรมประยุกต์บนเว็บของเราด้วย ด้วย PM2 มันแตกต่างกันเล็กน้อย ตอนนี้เรารันแอปโหนดด้วยต่อไปนี้

pm2 start keystone.js

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

เพื่อดูบันทึกการสมัครของคุณ

pm2 logs [id]

ตัวอย่างเช่นpm2 logs 0หากนี่เป็นแอปพลิเคชั่น PM2 แรกของคุณ

หากต้องการหยุดแอปพลิเคชันเว็บของคุณได้ตลอดเวลา

pm2 stop [id]

หากต้องการลบแอปพลิเคชันของคุณโดยสมบูรณ์

pm2 delete [id]

PM2 ยังมีแดชบอร์ดการตรวจสอบหากคุณต้องการดูสถิติพื้นฐานบางอย่างสำหรับแอปพลิเคชันของคุณและคุณสามารถเข้าถึงได้ด้วยสิ่งนี้

pm2 monit

จะแสดงข้อมูลพื้นฐานบางอย่างเช่นการใช้ RAM การใช้งาน CPU และเวลาใช้งาน

คุณลักษณะที่ดีที่ PM2 watchingข้อเสนอคือ โดยพื้นฐานแล้วการเฝ้าดูคือเมื่อ PM2 ตรวจพบการเปลี่ยนแปลงไฟล์ใด ๆ ในไดเรกทอรีเดียวกันกับไฟล์เริ่มต้นของคุณโดยอัตโนมัติและจะเริ่มต้นแอปพลิเคชันของคุณใหม่โดยอัตโนมัติ หากต้องการเปิดใช้งานเพียงรีสตาร์ทแอปพลิเคชันของคุณ แต่ส่งค่าสถานะการตรวจสอบ

pm2 restart [id] --watch

หากต้องการปิดใช้งานการดูหลังจากเปิดใช้งานแล้วให้เรียกใช้คำสั่งเดิมอีกครั้งแล้วการดูจะถูกปิดใช้งาน

ในบทช่วยสอนนี้เราจะออกจากการเฝ้าดู

การตั้งค่า reverse proxy ของคุณ

ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้ง Nginx แล้ว หากไม่ใช่ด้วยเหตุผลบางอย่างให้อ้างอิงขั้นตอนข้างต้น

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

sudo ufw allow 'Nginx HTTP'

ตรวจสอบว่าเซิร์ฟเวอร์ Nginx ของคุณกำลังทำงานอยู่

systemctl status nginx

ภายใต้Activeหัวข้อถ้าคุณเห็นactive (running)คุณก็พร้อมแล้ว หากไม่เป็นเช่นนั้นคุณสามารถลองเริ่มบริการใหม่ได้

systemctl restart nginx

ลบไฟล์กำหนดค่า Nginx เริ่มต้น

sudo rm /etc/nginx/sites-available/default

nodeสร้างขึ้นมาใหม่และก็เรียกมันว่า

sudo nano /etc/nginx/sites-available/node

วางสิ่งต่อไปนี้ลงในไฟล์และแทนที่example.comด้วยโดเมนเว็บไซต์ของคุณ

listen 80;

server_name example.com;

    location / {

        proxy_set_header   X-Forwarded-For $remote_addr;

        proxy_set_header   Host $http_host;

        proxy_pass         "http://127.0.0.1:3000";
    }
}

โปรดทราบว่าproxy_passหมายถึงแอพพลิเค IP ของเรา Keystone ทำงานอยู่ในท้องถิ่นซึ่งเป็นพอร์ต localhost เป็นพอร์ตที่เราต้องการให้แอปถูกนำไปซึ่งในกรณีนี้คือพอร์ต3000listen 8080

จากนั้นเราจะต้องสร้าง symlink sites-enabledหรือการเชื่อมโยงสัญลักษณ์ไปยังโฟลเดอร์ที่เรียกว่า ความแตกต่างระหว่างsites-enabledและsites-availableคือsites-enabledNginx ที่โหลดจริง

sudo ln -s /etc/nginx/sites-available/node /etc/nginx/sites-enabled/node

ตอนนี้แฟ้มการกำหนดค่าของคุณจะพร้อมที่จะใช้และมันจะถูกโหลดจากsites-available sites-enabledหากต้องการใช้การกำหนดค่าเพื่อให้มีผลบังคับใช้เพียงรีสตาร์ท Nginx

sudo systemctl restart nginx

ในที่สุดรีสตาร์ทแอปพลิเคชั่น PM2 ของคุณ

pm2 restart [id]

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

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

คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับ Nginx โดยการเยี่ยมชมของพวกเขาเว็บไซต์

ฉันหวังว่าคุณจะสนุกกับการสอนนี้และฉันหวังว่าสิ่งนี้จะช่วยให้คุณตั้งค่าเว็บเซิร์ฟเวอร์ของคุณเองสำหรับการผลิตบน Vultr VPS ของคุณ