Как запустить NUXT ssr на обычном хостинге?

Question

[Федор Ашифин]

Собрал небольшое приложение. Решил закинуть на хостинг.
В сети пока нашел только инструкции как разворачивать приложения на выделенных серверах.
у меня в панели хостинга есть инструменты для разворачивания NODE приложений.
напишу по порядку.
1 залил файлы приложения на сервер, кроме node_modules
2 зашел в панель и создал новое приложение

3 после сохранния первичных данных появилась кнопка _установить NPM пакеты, Запустил установку.
4 появилась кнопка _Выполнить JS-скрипт с выбором команд из package.json

5 Пробую запустить build и поучаю комплект ошибок.

eturncode: 1
stdout:
> crm-nuxt@1.0.0 build /home/ashtest/domains/crm.ashtest.pp.ua/public_html
> nuxt build

ℹ Production build
ℹ Bundling for server and client side
ℹ Target: server
ℹ Using components loader to optimize imports
ℹ Discovered Components: .nuxt/components/readme.md
✔ Builder initialized
✔ Nuxt files generated
ℹ Compiling Client
stderr:
npm WARN lifecycle The node binary used for scripts is /home/ashtest/nodevenv/domains/crm.ashtest.pp.ua/public_html/11/bin/node but npm is using /opt/alt/alt-nodejs11/root/usr/bin/node itself. Use the `--scripts-prepend-node-path` option to include the path for the node binary npm was executed with.

 WARN  You are using an unsupported version of Node.js (v11.15.0). It is recommended to use the latest LTS version (https://nodejs.org/en/about/releases)


 ERROR  (node:543663) ExperimentalWarning: queueMicrotask() is experimental.


 FATAL  spawn ENOMEM

  at ChildProcess.spawn (internal/child_process.js:371:11)
  at spawn (child_process.js:561:9)
  at fork (child_process.js:115:10)
  at ChildProcessWorker.initialize (/home/ashtest/nodevenv/domains/crm.ashtest.pp.ua/public_html/11/lib/node_modules/jest-worker/build/workers/ChildProcessWorker.js:141:45)
  at new ChildProcessWorker (/home/ashtest/nodevenv/domains/crm.ashtest.pp.ua/public_html/11/lib/node_modules/jest-worker/build/workers/ChildProcessWorker.js:132:10)
  at WorkerPool.createWorker (/home/ashtest/nodevenv/domains/crm.ashtest.pp.ua/public_html/11/lib/node_modules/jest-worker/build/WorkerPool.js:44:12)
  at new BaseWorkerPool (/home/ashtest/nodevenv/domains/crm.ashtest.pp.ua/public_html/11/lib/node_modules/jest-worker/build/base/BaseWorkerPool.js:135:27)
  at new WorkerPool (/home/ashtest/nodevenv/domains/crm.ashtest.pp.ua/public_html/11/lib/node_modules/jest-worker/build/WorkerPool.js:30:1)
  at new JestWorker (/home/ashtest/nodevenv/domains/crm.ashtest.pp.ua/public_html/11/lib/node_modules/jest-worker/build/index.js:151:26)
  at TerserPlugin.optimize (/home/ashtest/nodevenv/domains/crm.ashtest.pp.ua/public_html/11/lib/node_modules/terser-webpack-plugin/dist/index.js:180:16)
  at compilation.hooks.optimizeChunkAssets.tapPromise.assets (/home/ashtest/nodevenv/domains/crm.ashtest.pp.ua/public_html/11/lib/node_modules/terser-webpack-plugin/dist/index.js:558:85)
  at AsyncSeriesHook.eval [as callAsync] (eval at create (/home/ashtest/nodevenv/domains/crm.ashtest.pp.ua/public_html/11/lib/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:17)
  at AsyncSeriesHook.lazyCompileHook (/home/ashtest/nodevenv/domains/crm.ashtest.pp.ua/public_html/11/lib/node_modules/tapable/lib/Hook.js:154:20)
  at hooks.additionalAssets.callAsync.err (/home/ashtest/nodevenv/domains/crm.ashtest.pp.ua/public_html/11/lib/node_modules/webpack/lib/Compilation.js:1409:36)
  at _err0 (eval at create (/home/ashtest/nodevenv/domains/crm.ashtest.pp.ua/public_html/11/lib/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
  at handleCompilationDonePromise.then (/home/ashtest/nodevenv/domains/crm.ashtest.pp.ua/public_html/11/lib/node_modules/html-webpack-plugin/lib/cached-child-compiler.js:267:53)


   ╭─────────────────────────╮
   │                         │
   │   ✖ Nuxt Fatal Error    │
   │                         │
   │   Error: spawn ENOMEM   │
   │                         │
   ╰─────────────────────────╯

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! crm-nuxt@1.0.0 build: `nuxt build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the crm-nuxt@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/ashtest/.npm/_logs/2021-08-24T14_23_36_996Z-debug.log

Из ошибок я понял что нужно обновить Ноду?,
сейчас написал админам хостинга.
И еще в поле настроек приложение есть поле Файл запуска приложения.
Я туда поставил _nuxt/dist/server/server.js но сильно сомневаюсь , что посоветуете или может кто то уже запускал Nuxt через такую панель?

Answer 1

[Михаил]

У меня проект на github, на хостинг заливается с помощью github actions.
Скрипты выполняются в github actions, и подключаясь по ssh с помощью сертификата копирует готовую папку dist на хостинг.
Хостинг обычный, с панелью cPanel

Comments

[Федор Ашифин]

Спасибо ! github actions еще не использовал и не знаю как, но сейчас погугулю.
то есть github actions может запускать проект без команд package.json?

[Федор Ашифин]

Посмотрел github actionsю
Хорошая штука.
А можете мне свой deploy.yml скинуть, разумеется путь к сайту закройте. или на почту ashfedor ГАв-Гав gmail.com

[Михаил]

Команды package.json для сборки проекта выполняются на серверах гитхаба.

Для конфигурирования github actions надо создать папку ".github" в корне проекта, в этой папке создать ещё папку "workflows", а в ней создать файл

deploy.yaml

name: Deploy

on:
  push:
    branches:
      - master

jobs:
  deploy:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        node-version: [14.x]
    steps:
      - uses: actions/checkout@v2
      - uses: actions/setup-node@v1
        with:
          node-version: ${{ matrix.node-version }}
      # Setup key
      - run: set -eu
      - run: mkdir "$HOME/.ssh"
      - run: echo "${{ secrets.my_ssh_key }}" > "$HOME/.ssh/my_ssh_key"
      - run: chmod 600 "$HOME/.ssh/my_ssh_key"
      # Build
      - run: npm ci
      - run: npm run build
      - run: npm run generate
      # Deploy
      - run: cd dist && rsync -e "ssh -i $HOME/.ssh/my_ssh_key -o StrictHostKeyChecking=no" --archive --compress --delete . user@server:/var/www/userid/subdomen/

скрин

На гитхабе в настройках проекта есть раздел Secrets, там надо создать новый секрет и в него положить закрытый ключ ssh, название секрета надо указать в конфиге (у меня на 22, 23,29 строке - my_ssh_key).
Ещё в 29 строке указываются параметры подключения по ssh.

Как работает в целом:
- срабатывает когда пушиш, мерджишь, коммитишь в мастер (строка 6 конфига);
- поднимается инстанс (строки 8-18);
- копируется ключ (строки 19-23)
- выполняются скрипты ci, и какие нужны из package.json (строки 24-27)
- копируется собранный проект по ssh в указанную папку на хостинге, предварительно очищая конечную папку (ключ --delete) (строки 28-29)

Сначала надо создать на хостинге ключи (без пароля).

PS: сам относительно новичок, поэтому попробуй сам понять что в конфиге

[Федор Ашифин]

Спасибо! Буду пробовать.

Answer 2

[Андрей Гаврилов]

Написано же, что порты будут доступны внутри сервера, но не наружу.

Comments

[Федор Ашифин]

Так я потому и расписал все подробно, чтоб спросить как правильно сделать, возможно кто то уже запускал приложения из такой панели. Она одинаковая и в ДиректАдмине и в Сипанели