Получение исходного кода React для производства с Digital Ocean - PullRequest
Новая
       16

Получение исходного кода React для производства с Digital Ocean

0 голосов
/ 24 июня 2018

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

Исходный код : https://github.com/tj/frontend-boilerplate

package.json : 

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack-dev-server -d --history-api-fallback --hot --inline --progress --colors --port 3000",
    "build": "NODE_ENV=production webpack --progress --colors"
  }

На моей локальной машине я бына:

  1. Клонировать репозиторий переднего плана (реагировать)
  2. , затем выполнить npm install
  3. , затем выполнить npm start

После этого я смогу увидеть его в своем браузере по адресу localhost:3000

. Я попытался повторить тот же сценарий на компьютере с Ubuntu, размещенным в Digital Ocean.

  1. ssh в машину
  2. Клон репозитория переднего конца
  3. npm install и npm start

Затем я попытался перейти к mycloudmachinesip:3000, но я получилERR_CONNECTION_REFUSED (сайт не доступен)

Как правильно развернуть приложение на удаленном компьютере?

ОБНОВЛЕНИЕ

Я пытался искать ответы в Интернетеи обнаружил, что мне нужно установить и раскрутить сервер nginx.

Таким образом, запуск npm run build приведет к созданию статического каталога и сжатого файла .js.Затем я указал свой корневой каталог (config сервера nginx) на этот статический каталог.

Вот как мой сервер конфигурации (у меня нет имени домена): 

server {
    listen <myremotemachineip>:80;
    root /www/frontend-boilerplate/static;
    index index.html index.htm;
    location / {
    }
}

однако я все ещеполучите сообщение «Welcome to nginx», когда я захожу на свой ip в браузере.Где я ошибся?

...