Развертывание реагирующих приложений на пользовательское доменное имя

У меня есть приложение для реагирования и доменное имя, которое я зарегистрировал через Namecheap. Как я могу развернуть приложение на своем доменном имени?

Я знаю о PaaS, таких как Heroku. Я мог бы, вероятно, развернуть его на Heroku, а затем использовать функцию пользовательских доменов Heroku, чтобы указать его на мой URL-адрес, однако бесплатные экземпляры Heroku спят, и я не хочу вкладывать средства в платные серверы Heroku, не подтвердив все возможности там.

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

Ваше здоровье!


reactjs web-deployment heroku web-hosting namecheap
person user3457884    schedule 24.09.2016    source источник
comment
Можете ли вы дать мне больше информации о том, чего вы пытаетесь достичь? Является ли ваше приложение React одностраничным приложением? А какой у вас домен и что вызывает проблемы? (Только что понял гиперссылки)   -  person Jason    schedule 24.09.2016
comment
Вы можете следовать этому подробному руководству — arrayofcode.com/   -  person Ajitesh Singh    schedule 18.04.2021

Ответы (2)


arrow_upward
2
arrow_downward

Похоже, ваше приложение React является одностраничным приложением. На своем сервере Heroku установите сервер на сервер index.html независимо от того, какой URL-адрес он получает. Тогда ваш React Router будет знать, какой контент обслуживать в соответствии с URL-адресом. Надеюсь, это даст вам представление.

person Jason    schedule 24.09.2016
comment
Я заметил, что у вас все еще есть страница HTTP-сервера 404, которая предупредила меня, что вы не настроили свой Heroku для обслуживания одностраничных приложений. - person Jason; 24.09.2016

arrow_upward
0
arrow_downward

Поскольку ваш проект размещен на GitHub, вы можете использовать страницы GitHub со своим доменом.

Выполните следующие шаги, взятые из - https://dev.to/yuribenjamin/how-to-deploy-react-app-in-github-pages-2a1f

Добавьте свойства в файл package.json.

Первое свойство, которое нам нужно добавить на главную страницу верхнего уровня, второе, мы определим его как строку, и значение будет http://{username}.github.io/{repo-name} {username} — это ваше имя пользователя GitHub, а {repo-name} — это имя созданного вами репозитория GitHub, оно будет выглядеть так:

домашняя страница: http://yuribenjamin.github.io/my-app

Во-вторых, в существующем свойстве сценариев нам нужно добавить предварительное развертывание и развертывание.

scripts: { //... predeploy: npm run build, deploy: gh-pages -d build }

5- Теперь разверните его на страницах GitHub. просто запустите следующую команду: npm run deploy

Это развернет проект на GitHub Pages. Теперь, чтобы настроить собственный домен, следуйте приведенной здесь документации по настройке личного домена https://docs.github.com/en/github/working-with-github-pages./managing-a-custom-domain-for-your-github-pages-site ВАЖНО Если у вас есть записи A или CNAME, не связанные с теми, которые вы используете в своем проекте на сайте поставщика домена, это может испортить развертывание. , поэтому, если вы выполните шаги и получите ошибки, удалите все записи A и CNAME и повторите попытку.

person Anonymous    schedule 30.07.2020