Настройка на уеб сървър Express.js на Ubuntu 16.04 LTS

В този урок ще инсталираме основен уеб сървър Express.js, използващ Node.js, среда за изпълнение на Javascript, базирана на 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 хранилище. Когато това приключи, изпълнете следното, за да инсталирате Node:

sudo apt-get install -y nodejs build-essential

Това, което прави това, е инсталирането на самия Node.js и той грабва build-essential, които са някои инструменти, които може да са ви необходими, когато компилирате модули. Когато това стане, ще създадем нов проект на Node. Първо се уверете, че сте във вашата /homeдиректория.

/home/yourname

За да проверите, просто въведете pwdсвоя терминал и ако видите /home/yourname, значи сте готови! След това ще използваме функцията init на 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 сървър - yourIP". Копирайте този IP адрес и го дръжте близо, защото ще ни трябва. След това се върнете на вашия сървър и променете директорията си в папката bin.

cd mysite/bin

Това предполага, че сте създали папката във вашата домашна директория. Редактирайте файла вътре: wwwфайла. За да направим това, ще използваме вградения редактор Nano.

nano www

След като влезете, отидете до този ред:

server.listen(port);

Добавете вашия IP адрес в този ред. Редактирайте го така, че да изглежда така:

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

След това натиснете "control-o" на клавиатурата си и "enter", за да запазите. Натиснете "control-x", за да излезете. Сега сме готови да стартираме нашия сървър. Просто въведете същата команда, която въведохме по-рано, за да я тествате:

DEBUG=mysite:* npm start

Сега конзолата ще изведе порта, на който слуша. Следете този порт, тъй като ще ви трябва. За да видите вашия сайт, отворете уеб браузъра си и отидете до следния URL адрес.

http://yourIP:port

Например, може да изглежда така:

http://192.0.2.0:3000

Ако всичко е минало добре, ще видите „Добре дошли в Express“ на екрана си!

И сте готови! Създадохте първия си експресен сайт с Node.js, работещ от Vultr VPS. За да научите повече за Express и какво можете да правите с него, препоръчвам да отидете на техния сайт на http://expressjs.org и на уебсайта на EJS на http://ejs.co , където можете да прочетете на документация и създайте свой собствен убиец сайт!