Рубрики
Uncategorized

Развернуть nuxt.js на платформе приложений DigitaloCean за 5 минут или меньше

Недавно я обнаружил, что развертываю все больше и больше проектов, используя платформу приложений DigitaloCean, потому что я … отмечен DevOps, WebDev, JavaScript, Nuxt.

Недавно я обнаружил, что развертываю все больше и больше проектов, используя платформу приложений DigitaloCean, потому что это чертовски быстро. Я люблю писать Dockerfiles и развернуть свои контейнеры в кластер Kubernetes, но с решением платформы как услуги, такого как AWS Elastic Beanstalk или вышеупомянутое решение DigitaloCean, которое еще проще в использовании, я чувствую, что действительно не нужно. В прошлом я использовал Elastic Beanstalk, но цены всегда были слишком высокими для небольших проектов. Благодаря великолепному удобству использования и ценам платформы DigitaloCean App, я начал развертывать там боковые проекты. Сегодня я впервые попытался развернуть Nuxt Installation для платформы приложений и обнаружил небольшое препятствие, которое каким -то образом не было задокументировано ни в одном уроке. Итак, мы идем!

Я предполагаю, что у вас есть базовые знания Devop, включая DNS -серверы, переменные среды и прочее.

Это легко лучшая часть. Вам не нужен один, Потому что вы можете использовать контейнер узла по умолчанию, предоставленный вам DigitaloCean 👍

Платформа приложений DigitaloCean развертывает ваши приложения прямо из соответствующих репозиториев GIT. Итак, предполагая, что у вас уже есть проект Nuxt.js в репозитории GitHub или Gitlab, вы можете прыгнуть прямо в: Перейдите на свою панель Admin DigitaloCean

  • Нажмите кнопку «Большой зеленый» и начните создавать новое приложение «.
  • Подключите свою учетную запись GitHub или Gitlab, если вы еще этого не сделали. Выберите репозиторий, содержащий ваш проект Nuxt.js ниже, и нажмите «Далее».
  • Выберите имя и регион и перейдите к следующему шагу. Здесь у нас есть несколько настроек, чтобы сделать. DigitaloCean должен был обнаружить среду узлов.
  • Мы хотим развернуть его как веб -сервис.
  • Вы можете установить переменные среды, если вам нужно.

Это единственная проблема, на которую я наткнулся. Чтобы работать с проверкой здоровья, нам нужно изменить команду запуска по умолчанию:

  • Команда сборки должна быть NPM Run Build — отлично!
  • Команда запуска должна быть npm start по умолчанию, но нам нужно изменить его на NPM Start - -hostname 0.0.0.0
  • Порт по умолчанию nuxt.js порт 3000 Поэтому нам нужно либо изменить порт в настройке платформы приложения, либо установить команду Run на npm start - -hostname 0.0.0.0 -Port 8080 Анкет Выберите то, что вам больше нравится. Я пошел с 3000.

Завершите настройку и дождитесь завершения развертывания. При правильной установке проверки здоровья не должно быть никаких проблем. Как только это будет сделано, вы можете внести больше настройки на настройки приложения, например, подключение вашего домена.

Я надеюсь, что это было полезно 🚀

Оригинал: «https://dev.to/tillsanders/deploy-nuxt-js-on-digitalocean-app-platform-in-5-minutes-or-less-2dij»