OSCHINA-MIRROR/baiyangc-nuxt-blog

Система управления блогами Plumemo с темой sakura версия для серверной Side Server Rendering (SSR) установка и использование

Онлайн просмотр

https://www.bygit.cn/article/31

Системные требования

Установлено Java приложение и административная система
Установлен Node.js
Установлен pm2

Установка Java и развертывание административной системы см. здесь https://www.nosum.cn/article/71

Установка Node.js

Создание директорий

Создайте директорию nodejs в /usr/local/

Перейдите в директорию nodejs

cd /usr/local/nodejs

Скачивание Node.js

wget https://nodejs.org/dist/v14.16.1/node-v14.16.1-linux-x64.tar.xz

Распаковка Node.js

tar -xJvf имя_скаченного_файла

После распаковки получится директория, переместите все её содержимое в родительскую директорию /usr/local/nodejs.

Создание символьных ссылок

ln -s /usr/local/nodejs/bin/node /usr/local/bin/
ln -s /usr/local/nodejs/bin/npm /usr/local/bin/
ln -s /usr/local/nodejs/bin/npx /usr/local/bin/

Проверка установки Node.js

node -v
npm -v
npx -v

Установка pm2

Запустите команду

npm install pm2 -g

Создание символьных ссылок

ln -s /usr/local/nodejs/bin/pm2 /usr/local/bin/

Проверка установки pm2

pm2 -v

Развертывание программы

Скачивание исходного кода программы

Разместите его в нужной вам директории, например /home/www/blog/front

cd /home/www/blog/front
git clone https://gitee.com/baiyangc/nuxt-blog.git ./

Конечный слэш ./ указывает на текущую директорию, не создаёт новую.#### Настройка программы (обязательно)

Настройка порта сервера

По умолчанию программа запускается на порту http://127.0.0.1:3000 Вы можете изменить порт в файле package.json в корневой директории проекта.

Настройка домена

Необходимо указать адреса для разработки и продакшн-режима в файле env.js в корневой директории. Для продакшн-режима используйте ваш реальный домен, а не локальный порт.

Настройка статистики Baidu Analytics

Если вы хотите использовать статистику Baidu Analytics, замените скрипт в файле nuxt.config.js на свой. Если статистика Baidu Analytics не используется, удалите её.

Конфигурация Nginx

server {
   listen       443;
   server_name  www.bygit.cn bygit.cn;
   ssl on;
   ssl_certificate  /usr/local/nginx/conf/conf.d/blog.pem;
   # путь до файла ключа SSL сертификата
   ssl_certificate_key /usr/local/nginx/conf/conf.d/blog.key;
   location / {
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;  
    proxy_set_header Connection "upgrade";
    proxy_set_header Host $host;
    proxy_set_header X-Nginx-Proxy true;
    proxy_cache_bypass $http_upgrade;
    proxy_pass http://127.0.0.1:3000;
   } # конфигурация для доступа к сайту через браузер
```   location /admin {
     root    /home/www/blog;
     index  index.html index.htm;
     try_files $uri $uri/ /admin/index.html;
    } # Конфигурация адреса доступа к backend

   location ^~ /api/blog {
     index  index.html index.htm index.php;
     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
     proxy_set_header Host $host;
     proxy_set_header X-Real-IP $remote_addr;
     proxy_pass http://localhost:8086/api/plumemo-service; # Сервер backend, конфигурация upstream
   }
}
server {
    listen 80;
    server_name www.bygit.cn bygit.cn;
    # Преобразование запроса в HTTPS
    rewrite ^(.*)$ https://$host$1 permanent;
}
```Основное внимание уделяется конфигурации `location /`, которая переадресует корневой каталог `/` на локальный порт `http://127.0.0.1:3000`, где запущено ваше приложение.

#### Установка зависимостей
```sh
npm install

Пакетирование программы

npm run build

Запуск сервиса

pm2 start npm --name "blog" -- run start

blog — это имя запускаемого сервиса, которое можно настроить по своему усмотрению.

Завершение

Для доступа используйте ваш домен.