ตั้งค่า Nuxt.js Web Application บน Ubuntu 18.04 LTS

Nuxt.js: Universal Framework

Nuxt.js เป็นเฟรมเวิร์ก JavaScript ที่ออกแบบมาเพื่อสร้างแอปพลิเคชัน universal Vue.js อย่างรวดเร็ว มีชื่อเสียงมากที่สุดสำหรับความสามารถในการสร้างแอป Vue.js ที่สามารถแสดงผลบนเซิร์ฟเวอร์เช่นเดียวกับลูกค้า ในบทช่วยสอนนี้เราจะตั้งค่าแอปพลิเคชัน Nuxt.js ที่เซิร์ฟเวอร์แสดงผลและปรับใช้บน Ubuntu 18.04 LTS

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

ก่อนอื่นคุณต้องแน่ใจว่าคุณใช้ Ubuntu 18.04 LTS จากนั้นคุณจะต้องติดตั้ง Node.js หากยังไม่ได้ติดตั้ง ในบทช่วยสอนนี้เราจะใช้ประโยชน์จาก Node Version Manager หรือ NVM เพื่อทำให้กระบวนการนี้ง่ายขึ้นมาก

ติดตั้ง NVM โดยใช้คำสั่งต่อไปนี้

curl -sL https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh -o install_nvm.sh
bash install_nvm.sh
source ~/.profile
nvm install 11.1.0
nvm use 11.1.0

แอปพลิเคชันนั่งร้าน

เมื่อคุณติดตั้ง Node.js ตอนนี้เราสามารถดำเนินการตั้งค่าแพ็คเกจที่เราต้องใช้โดยใช้ NPM เราจะใช้เครื่องมือเล็ก ๆ ที่มีประโยชน์ที่เรียกว่าcreate-nuxt-appเป็นเครื่องมือที่สร้างโดยชุมชนซึ่งสามารถสร้างแอปพลิเคชัน Nuxt.js ได้อย่างง่ายดาย

ในโฮมไดเร็กทอรีของคุณให้รันคำสั่งต่อไปนี้เพื่อเริ่มต้นการสร้างแอป

npx create-nuxt-app <nameofproject>

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

เริ่มต้นครั้งแรก

เมื่อทุกสิ่งดาวน์โหลดแล้วให้เปลี่ยนไดเรกทอรีไปยังโฟลเดอร์ที่คุณเพิ่งสร้างขึ้น

cd app

ตอนนี้เราสามารถเริ่มเซิร์ฟเวอร์การพัฒนา Nuxt.js

npm run dev

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

อาคารสำหรับการผลิต

โหมดการพัฒนาค่อนข้างมีประโยชน์เมื่อคุณกำลังพัฒนาแอปพลิเคชันของคุณอยู่ อย่างไรก็ตามเมื่อคุณพร้อมที่จะทำให้แอปพลิเคชันของคุณเป็นที่รู้จัก addons เช่น hot-reloading และเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์มีความสำคัญน้อยลง นี่คือเหตุผลที่เราต้องการสร้างแอปพลิเคชันของเราหนึ่งครั้งสำหรับสภาพแวดล้อมการผลิต โชคดีที่ Nuxt.js มีเครื่องมือที่เราสามารถใช้เพื่อสร้างโมดูลของแอพเพื่อการผลิตได้อย่างรวดเร็ว รันสิ่งต่อไปนี้เพื่อเริ่มกระบวนการสร้างการผลิต

npm run build

โดยพื้นฐานแล้วสิ่งที่เรากำลังทำอยู่ที่นี่คือเรากำลังรวบรวมโมดูล webpack ของเราทั้งหมดพร้อมการปรับแต่งเพื่อการผลิต

เมื่อการสร้างเสร็จสมบูรณ์คุณจะสามารถเรียกใช้ไซต์เพื่อการผลิตได้

npm start

ตอนนี้ถ้าคุณนำทางhttp://yourip:3000คุณจะเห็นหน้าจอสาด Nuxt.js ซึ่งยืนยันว่าคุณกำลังทำงานในโหมดการผลิต

PM2: จัดการแอปพลิเคชันของคุณอย่างง่ายดาย

ตอนนี้เราเข้าใจพื้นฐานของการใช้งานแอปพลิเคชันของเราเพื่อการผลิต ในแง่ของสภาพแวดล้อมการผลิตเราต้องการวิธีที่ดีในการทำให้แอปพลิเคชันของเราทำงานได้ตลอดไปรีสตาร์ทแอปพลิเคชันของเราโดยอัตโนมัติเมื่อจำเป็นและตรวจสอบทรัพยากรของแอปพลิเคชันของเรา นั่นคือสิ่งที่ Process Manager 2 (PM2) เข้ามา PM2 เป็นผู้จัดการกระบวนการ Node.js สำหรับแอปพลิเคชันการผลิตซึ่งรวมถึงเครื่องมือการผลิตที่สำคัญมากมายเช่นการปรับสมดุลโหลดบันทึกขั้นสูง ก่อนอื่นให้ติดตั้ง PM2

npm install pm2 -g

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

pm2 start <appfolder>/server/index.js

โปรดทราบว่าเรากำลังเริ่มต้นไฟล์เซิร์ฟเวอร์ที่อยู่ภายในรูทแอปพลิเคชันของเรา

หากคุณต้องการดูทรัพยากรที่แอปพลิเคชันของคุณกำลังใช้งานอยู่คุณสามารถทำได้ด้วยpm2 monitคำสั่ง สิ่งนี้จะแสดงอินเทอร์เฟซที่คล้ายกับของ ncurses ซึ่งคุณสามารถรวบรวมข้อมูลเกี่ยวกับการใช้ RAM, CPU และดิสก์ของแอปพลิเคชันได้อย่างแม่นยำ

ถึงตอนนี้แอปพลิเคชันของคุณจะทำงานอย่างที่เคยเป็นเมื่อก่อนหน้านี้เราใช้งานกับ npm ยกเว้นตอนนี้เรามีการควบคุมที่มากขึ้นเมื่อใช้กับการเพิ่มประสิทธิภาพการผลิต

ตอนนี้คุณมีแอปพลิเคชั่น Nuxt.js ที่ปรับใช้สำหรับการผลิตด้วย Node.js และ Ubuntu 18.04 หากคุณต้องการที่จะเรียนรู้เพิ่มเติมเกี่ยวกับ Nuxt และทั้งหมดของมันเป็นคุณสมบัติในเชิงลึกให้ความรู้สึกอิสระที่จะเยี่ยมชมของพวกเขาเอกสารอย่างเป็นทางการ



Leave a Comment

ตั้งค่า NFS Share บน Debian

ตั้งค่า NFS Share บน Debian

NFS เป็นระบบไฟล์บนเครือข่ายที่อนุญาตให้คอมพิวเตอร์เข้าถึงไฟล์ผ่านเครือข่ายคอมพิวเตอร์ คู่มือนี้จะอธิบายวิธีการเปิดเผยโฟลเดอร์ผ่าน NF

วิธีการติดตั้ง Directus 6.4 CMS บน Fedora 26 LAMP VPS

วิธีการติดตั้ง Directus 6.4 CMS บน Fedora 26 LAMP VPS

ใช้ระบบที่แตกต่างกันอย่างไร Directus 6.4 CMS เป็นระบบการจัดการเนื้อหาแบบไม่มีหัว (Headless Content Management: CMS) ที่ทรงพลังและยืดหยุ่นซึ่งให้ผู้พัฒนา

ติดตั้งเซิร์ฟเวอร์ TeamTalk บน Linux

ติดตั้งเซิร์ฟเวอร์ TeamTalk บน Linux

TeamTalk เป็นระบบการประชุมที่ช่วยให้ผู้ใช้สามารถสนทนาด้วยเสียง / วิดีโอคุณภาพสูงสนทนาผ่านข้อความถ่ายโอนไฟล์และแชร์หน้าจอ มันฉัน

การติดตั้ง Pagekit CMS บน CentOS 7

การติดตั้ง Pagekit CMS บน CentOS 7

ใช้ระบบที่แตกต่างกันอย่างไร Pagekit เป็น CMS โอเพนซอร์สที่เขียนด้วย PHP ซอร์สโค้ดของ Pagekit นั้นโฮสต์บน GitHub คำแนะนำนี้จะแสดงให้คุณเห็นว่า

วิธีการติดตั้ง Sphinx Search Engine บน CentOS 7

วิธีการติดตั้ง Sphinx Search Engine บน CentOS 7

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

การใช้คีย์ SSH ของคุณเพื่อเข้าสู่ผู้ใช้ที่ไม่ใช่รูท

การใช้คีย์ SSH ของคุณเพื่อเข้าสู่ผู้ใช้ที่ไม่ใช่รูท

Vultr มีคุณสมบัติที่อนุญาตให้คุณติดตั้งคีย์ SSH ล่วงหน้าเมื่อสร้างอินสแตนซ์ใหม่ สิ่งนี้อนุญาตให้คุณเข้าถึงผู้ใช้รูทเซิร์ฟเวอร์อย่างไรก็ตาม

สร้างเครือข่ายสังคมด้วย Diaspora บน Debian 9

สร้างเครือข่ายสังคมด้วย Diaspora บน Debian 9

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

การติดตั้ง Fuel CMS บน Debian 9

การติดตั้ง Fuel CMS บน Debian 9

ใช้ระบบที่แตกต่างกันอย่างไร Fuel CMS เป็นระบบจัดการเนื้อหาที่ใช้ CodeIgniter ซอร์สโค้ดของมันถูกโฮสต์บน GitHub คำแนะนำนี้จะแสดงให้คุณเห็นว่า

วิธีการติดตั้ง Snipe-IT บน Ubuntu 16.10

วิธีการติดตั้ง Snipe-IT บน Ubuntu 16.10

ใช้ระบบที่แตกต่างกันอย่างไร Snipe-IT เป็นเว็บแอปพลิเคชั่นฟรีและโอเพนซอร์สสำหรับการจัดการสินทรัพย์ด้านไอที มันถูกเขียนบนกรอบงาน Laravel 5.2 และการใช้งาน

วิธีการติดตั้งเครื่องมือจัดการโครงการไทก้าบน Ubuntu 16.04

วิธีการติดตั้งเครื่องมือจัดการโครงการไทก้าบน Ubuntu 16.04

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

วิธีการที่ปลอดภัย vsFTPd ด้วย SSL / TLS

วิธีการที่ปลอดภัย vsFTPd ด้วย SSL / TLS

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

วิธีการติดตั้ง GCC บน CentOS 6

วิธีการติดตั้ง GCC บน CentOS 6

CentOS ติดตามการพัฒนา Red Hat Enterprise Linux (RHEL) RHEL พยายามที่จะเป็นแพลตฟอร์มเซิร์ฟเวอร์ที่มั่นคงซึ่งหมายความว่าจะไม่รีบเร่งในการรวม

วิธีการติดตั้ง Ranger Terminal File Manager บน Linux

วิธีการติดตั้ง Ranger Terminal File Manager บน Linux

Ranger เป็นตัวจัดการไฟล์แบบบรรทัดคำสั่งที่มีการเชื่อมโยงคีย์ VI มันจัดเตรียมอินเตอร์เฟส curses ที่เรียบง่ายและดีพร้อมมุมมองบนลำดับชั้นไดเร็กทอรี

วิธีการสร้าง Brotli จากซอร์สบน Ubuntu 18.04 LTS

วิธีการสร้าง Brotli จากซอร์สบน Ubuntu 18.04 LTS

ใช้ระบบที่แตกต่างกันอย่างไร Brotli เป็นวิธีการบีบอัดแบบใหม่ที่มีอัตราการบีบอัดที่ดีกว่า GZIP ซอร์สโค้ดของมันถูกโฮสต์แบบสาธารณะบน Githu นี้

ตั้งค่าบัญชีผู้ใช้ SFTP เท่านั้นบน CentOS 7

ตั้งค่าบัญชีผู้ใช้ SFTP เท่านั้นบน CentOS 7

ในบางโอกาสผู้ดูแลระบบอาจต้องสร้างบัญชีผู้ใช้และ จำกัด การเข้าถึงเพื่อจัดการไฟล์ของตัวเองผ่าน sFTP เท่านั้น

วิธีการติดตั้ง Omeka Classic 2.4 CMS บน Ubuntu 16.04 LAMP VPS

วิธีการติดตั้ง Omeka Classic 2.4 CMS บน Ubuntu 16.04 LAMP VPS

ใช้ระบบที่แตกต่างกันอย่างไร Omeka Classic 2.4 CMS เป็นแพลตฟอร์มเผยแพร่ดิจิตอลฟรีและโอเพ่นซอร์สและระบบการจัดการเนื้อหา (CMS) สำหรับการแบ่งปันดิจิต้า

ปิดใช้งานหรือ จำกัด การล็อกอินรูทผ่าน SSH บน Linux

ปิดใช้งานหรือ จำกัด การล็อกอินรูทผ่าน SSH บน Linux

การอนุญาตให้ล็อกอินรูทผ่าน SSH นั้นถือว่าเป็นการปฏิบัติด้านความปลอดภัยที่ไม่ดีทั่วทั้งอุตสาหกรรมเทคโนโลยี คุณสามารถดำเนินการที่ละเอียดอ่อนแทน

วิธีการติดตั้ง Moodle บน CentOS 7

วิธีการติดตั้ง Moodle บน CentOS 7

ใช้ระบบที่แตกต่างกันอย่างไร Moodle เป็นแพลตฟอร์มการเรียนรู้โอเพนซอร์ซหรือระบบจัดการหลักสูตร (CMS) - ชุดซอฟต์แวร์โอเพ่นซอร์สฟรีที่ออกแบบมาเพื่อช่วย

วิธีการติดตั้ง RabbitMQ บน Ubuntu 16.04

วิธีการติดตั้ง RabbitMQ บน Ubuntu 16.04

ใช้ระบบที่แตกต่างกันอย่างไร RabbitMQ เป็นนายหน้าข้อความโอเพ่นซอร์สที่ใช้กันอย่างแพร่หลายเขียนในภาษาการเขียนโปรแกรม Erlang เป็นมิดเดิลแวร์ที่มุ่งเน้นข้อความ

ติดตั้ง NGINX พร้อม ModSecurity บน CentOS 6

ติดตั้ง NGINX พร้อม ModSecurity บน CentOS 6

ในบทความนี้ฉันจะอธิบายวิธีสร้าง LEMP สแต็คที่ได้รับการป้องกันโดย ModSecurity ModSecurity เป็นไฟร์วอลล์เว็บแอพพลิเคชันแบบโอเพนซอร์สที่มีประโยชน์

วิธีการติดตั้ง Directus 6.4 CMS บน CentOS 7 LAMP VPS

วิธีการติดตั้ง Directus 6.4 CMS บน CentOS 7 LAMP VPS

เรียนรู้วิธีการติดตั้ง Directus 6.4 CMS บน CentOS 7; ระบบการจัดการเนื้อหา Headless ที่มีความยืดหยุ่นสูงและปลอดภัย

ตั้งค่า Nginx บน Ubuntu เพื่อสตรีมวิดีโอสด HLS

ตั้งค่า Nginx บน Ubuntu เพื่อสตรีมวิดีโอสด HLS

เรียนรู้วิธีการตั้งค่า Nginx บน Ubuntu สำหรับการสตรีมวิดีโอสด HLS ด้วยคำแนะนำที่ชัดเจนและเป็นประโยชน์

การสำรองข้อมูลยอดนิยมด้วย Percona XtraBackup บนแอพ WordPress แบบคลิกเดียว

การสำรองข้อมูลยอดนิยมด้วย Percona XtraBackup บนแอพ WordPress แบบคลิกเดียว

เรียนรู้การใช้ Percona XtraBackup สำหรับการสำรองข้อมูลด้วยวิธีที่เป็นระบบและง่ายดายบน WordPress ออนไลน์ของคุณ

ReactOS: นี่คืออนาคตของ Windows หรือไม่?

ReactOS: นี่คืออนาคตของ Windows หรือไม่?

ReactOS ซึ่งเป็นโอเพ่นซอร์สและระบบปฏิบัติการฟรีพร้อมเวอร์ชันล่าสุดแล้ว สามารถตอบสนองความต้องการของผู้ใช้ Windows ยุคใหม่และล้ม Microsoft ได้หรือไม่? มาหาข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบเก่านี้ แต่เป็นประสบการณ์ OS ที่ใหม่กว่ากัน

AI สามารถต่อสู้กับการโจมตีของแรนซัมแวร์ที่เพิ่มขึ้นได้หรือไม่

AI สามารถต่อสู้กับการโจมตีของแรนซัมแวร์ที่เพิ่มขึ้นได้หรือไม่

การโจมตีของ Ransomware กำลังเพิ่มขึ้น แต่ AI สามารถช่วยจัดการกับไวรัสคอมพิวเตอร์ตัวล่าสุดได้หรือไม่? AI คือคำตอบ? อ่านที่นี่รู้ว่า AI boone หรือ bane

เชื่อมต่อผ่าน WhatsApp Desktop App 24*7

เชื่อมต่อผ่าน WhatsApp Desktop App 24*7

ในที่สุด Whatsapp ก็เปิดตัวแอพเดสก์ท็อปสำหรับผู้ใช้ Mac และ Windows ตอนนี้คุณสามารถเข้าถึง Whatsapp จาก Windows หรือ Mac ได้อย่างง่ายดาย ใช้ได้กับ Windows 8+ และ Mac OS 10.9+

AI จะนำกระบวนการอัตโนมัติไปสู่อีกระดับได้อย่างไร

AI จะนำกระบวนการอัตโนมัติไปสู่อีกระดับได้อย่างไร

อ่านข้อมูลนี้เพื่อทราบว่าปัญญาประดิษฐ์กำลังได้รับความนิยมในหมู่บริษัทขนาดเล็กอย่างไร และเพิ่มโอกาสในการทำให้พวกเขาเติบโตและทำให้คู่แข่งได้เปรียบ

การอัปเดตเสริม macOS Catalina 10.15.4 ทำให้เกิดปัญหามากกว่าการแก้ปัญหา

การอัปเดตเสริม macOS Catalina 10.15.4 ทำให้เกิดปัญหามากกว่าการแก้ปัญหา

เมื่อเร็ว ๆ นี้ Apple เปิดตัว macOS Catalina 10.15.4 การอัปเดตเสริมเพื่อแก้ไขปัญหา แต่ดูเหมือนว่าการอัปเดตทำให้เกิดปัญหามากขึ้นที่นำไปสู่การสร้างเครื่อง Mac อ่านบทความนี้เพื่อเรียนรู้เพิ่มเติม

13 เครื่องมือดึงข้อมูลเชิงพาณิชย์ของ Big Data

13 เครื่องมือดึงข้อมูลเชิงพาณิชย์ของ Big Data

13 เครื่องมือดึงข้อมูลเชิงพาณิชย์ของ Big Data

ระบบไฟล์บันทึกคืออะไรและทำงานอย่างไร

ระบบไฟล์บันทึกคืออะไรและทำงานอย่างไร

คอมพิวเตอร์ของเราจัดเก็บข้อมูลทั้งหมดในลักษณะที่เรียกว่าระบบไฟล์บันทึก เป็นวิธีการที่มีประสิทธิภาพที่ช่วยให้คอมพิวเตอร์สามารถค้นหาและแสดงไฟล์ได้ทันทีที่คุณกดค้นหาhttps://wethegeek.com/?p=94116&preview=true