Как развернуть папку сборки React в Heroku

Question

Я искал в интернете это и нашел эту среднюю статью , использующую подачу.Статья направлена ​​на изменение файла packange.json так:

"scripts": { 
  "dev": "react-scripts 
  "start", "start": "serve -s build", 
  "build": "react-scripts build", 
  "test": "react-scripts test --env=jsdom",
  "eject": "react-scripts eject", 
  "heroku-postbuild": "npm run build" 
},

Теперь это работает в разработке.Я получаю консольные журналы, в которых говорится, что содержимое кэшируется для автономного использования.А Google Lighthouse дает мне> 90% на прогрессивные веб-приложения.Проблема заключается в том, что при развертывании в Heroku во время сборки запускается сборка npm, указанная в сценариях package.json.Но при открытии приложения я получаю 21% от производительности и 50% от прогрессивных веб-приложений в Firehouse.Также в нем говорится, что работник службы не зарегистрирован.Это означает, что он не подается из папки сборки.В качестве дополнения я запустил npm build самостоятельно на машине разработчика и развернул проект ВМЕСТЕ с папкой сборки, но результат все тот же.Теперь я также пришел к этой другой статье , предлагающей использовать сервер node.js и изменить сценарии в package.json на:

start: "node server.js"

Я ничего не знаю о node.js, поэтому ярешил проконсультироваться здесь для лучшего выбора.

РЕДАКТИРОВАТЬ: Если требуется команда сервера, как в файле node.js во второй средней статье, и в php-коде Гареша ниже - если кто-нибудь может помочь с подобным кодомв питоне (джанго) было бы неплохо

Answer 1

Нашли ответ на этот вопрос в этом комментарии в Интернете:

Перед развертыванием приложения перейдите по ссылке: Панель инструментов Heroku> Настройки> buildpacks> добавьте buildpacks, а затем добавьте github.com/mars/create-react-app-b ...

Или в командной строке вы можете сделать

сборки пакетов heroku: set github.com/mars/create-react-app-b...

Если вы не сделаете этот шаг, heroku развернет сборку разработки (которая идет медленно) вашего приложения реагирования вместо оптимизированной сборки сборки.

Answer 2

Создайте свой код с помощью:

npm run build

Теперь поместите этот код в файл index.php:

<?php header( 'Location: /index.html' ) ;  ?>

Теперь поместите этот файл index.phpв вашу папку сборки.

Скопируйте эту папку сборки в другое место.

Теперь настройте новую папку с помощью приложения heroku.

затем

git push heroku master