[Linux Mint] Запуск веб-приложения на локальном компьютере

Первый сайт

1. [Терминал] Установите node.js: sudo apt-get install nodejs
2. [Терминал] Установите apache: sudo apt-get install apache2
3. [Терминал] Установить PM: sudo npm install -g pm2
4. [Терминал] запустить апач: sudo systemctl status apache2
5. [Браузер] тестовый апач: localhost
6. [Терминал] Перейдите в корневую папку вашего веб-сайта. Это может быть где угодно: cd /home/homer-simpson/websites
7. [Nemo][root] Создать папку приложения: /home/homer-simpson/websites/hello-app
8. [Nemo][root] Создайте файл приветствия node.js: /var/www/html/hello-app/hello.js
9. [Терминал] Сделать hello.js исполняемым: sudo chmod 755 hello.js
10. [xed][root] Создайте приложение node.js в этом файле: см. список hello.js
11. [Терминал] Запустить из терминала в качестве теста: node hello.js
12. [Браузер] Тестовый веб-сайт: http://localhost:4567/
13. Завершите работу приложения узла CTRL+C
14. Запустить приложение в личку: sudo pm2 start hello.js
15. [Терминал][root] Добавить PM в скрипты запуска: sudo pm2 startup systemd
16. [Терминал][root] Сохранить приложения PM: pm2 save
17. [Терминал] включить модули Apache: sudo a2enmod proxy && sudo a2enmod proxy_http && sudo service apache2 restart
18. [Nemo][root] Открыть как root конфигурация apache: /etc/apache2/sites-available/000-default.conf
19. [xed][root] добавить/заменить конфигурацию для вашего сайта: см. список 000-default.conf
20. [Терминал] перезапустить апач: sudo systemctl restart apache2
21. [Браузер] проверить сайт: http://localhost/hello-app

22. Привет, мир!

Последующие сайты:

1. [Nemo][root] Создайте новую папку приложения в корне вашего сайта: /home/homer-simpson/websites/another-app
2. [Nemo][root] Скопировать туда скрипты и сделать исполняемым
3. [Терминал] Запустить приложение в личке: sudo pm2 start another-app.js
4. [Терминал][root] Сохранить конфигурацию PM: pm2 save
5. [Терминал][root] Добавьте новый веб-сайт в конфигурацию apache под новым тегом Location с номером порта нового приложения (должен быть уникальным): sudo xed /etc/apache2/sites-available/000-default.conf
6. [Терминал] перезапустить апач: sudo systemctl restart apache2

Посмотреть его по локальной сети:

1. [Брандмауэр] Установите профиль «Домашний». Входящие запрещены, исходящие разрешены, включено
2. [Брандмауэр] Добавить правило, простая вкладка, порт 80, имя "Apache"
3. [Терминал] Получите имя хоста: hostname
4. [Терминал][root] Измените имя своей машины на что-нибудь прикольное: hostname tazerface
5. [xed][root] Измените имя хоста в /etc/hosts
6. [xed][root] Измените имя хоста в /etc/hostname
7. Перезагрузите тазерфейс. <= теперь это имя вашей машины. Ого, такое классное имя.
8. Убедитесь, что pm2 запускается автоматически и ваши приложения указаны как «онлайн»: pm2 list
9. [телефон][браузер] Протестируйте свой сайт: http://tazerface/hello-app
10. Если это не работает, убедитесь, что tazerface не использует Wi-Fi, предоставляемый сетевым ретранслятором. Он должен быть в той же сети Wi-Fi, что и телефон (но может быть в варианте с частотой 5 ГГц или 2,4 ГГц).

Добавить бесплатный ssl-сертификат:

1. [Терминал] Добавить модуль ssl: sudo a2enmod ssl
2. [Брандмауэр] Добавить правило, простая вкладка, порт 443, имя "Apache ssl"
3. [Терминал] создать самоподписанный бесплатный сертификат: sudo openssl req -x509 -nodes -days 999999 -newkey rsa:2048 -keyout /etc/ssl/private/apache-selfsigned.key -out /etc/ssl/certs/apache-selfsigned.crt
4. [Терминал] Оставьте все ответы по умолчанию (нажав Enter), кроме общего имени, введите tazerface
5. [Терминал] Тестовый сертификат: openssl verify apache-selfsigned.crt
6. [Терминал] Замените содержимое .conf на ssl .conf, приведенный ниже: sudo xed /etc/apache2/sites-available/000-default.conf
7. [Терминал] Перезапустите Apache: sudo systemctl restart apache2
8. [телефон][браузер] Протестируйте свой сайт: https://tazerface/hello-app

привет.js

var http = require('http');  
//create a server object:  
const port = 4567
http.createServer(function (req, res) {  
    res.write('Hello World!'); //write a response to the client  
    res.end(); //end the response  
}).listen(port); //the server object listens on port 4567   
// Console will print the message  
console.info(`Server running at ${port}`); 

000-default.conf (без ssl)

<VirtualHost *:80>
ServerName example.com

<Directory /var/www/>
    Options -Indexes +FollowSymLinks
    AllowOverride None
    Require all granted
</Directory>

   ProxyRequests Off
   ProxyPreserveHost On
   ProxyVia Full
   <Proxy *>
      Require all granted
   </Proxy>
   <Location /hello-app>
      ProxyPass http://127.0.0.1:4567
      ProxyPassReverse http://127.0.0.1:4567
   </Location>
</VirtualHost>

000-default.conf (ssl)

# The only thing in the firewall that needs to be open is 80/443
<VirtualHost *:80>
    Redirect / https://tazerface/

</VirtualHost>

<VirtualHost *:443>
   ServerName tazerface

<Directory /var/www/>
    Options -Indexes +FollowSymLinks
    AllowOverride None
    Require all granted
</Directory>

   SSLEngine on
   SSLCertificateFile /etc/ssl/certs/apache-selfsigned.crt
   SSLCertificateKeyFile /etc/ssl/private/apache-selfsigned.key

    ProxyRequests Off
    ProxyPreserveHost On
    ProxyVia Full
    <Proxy *>
        Require all granted
    </Proxy>

    <Location /hello-app>
        ProxyPass http://127.0.0.1:4567
        ProxyPassReverse http://127.0.0.1:4567
    </Location>


</VirtualHost>