React VR позволяет создавать захватывающие впечатления от виртуальной реальности. Heroku - один из самых простых способов развернуть ваше веб-приложение.
В этом руководстве я расскажу вам, как перенести ваш веб-сайт React-VR на Heroku.
Создано с Аароном Стэком Барнсом
Https://github.com/EvansJWang/myPersonalWebsite
- Клонировать репо
yarn install yarn start
2. откройте в браузере http: // localhost: 8081 / vr /.
// это чтобы увидеть начальную сборку
Производственная сборка и способы развертывания
npm run bundle // this creates a new folder called build under the vr folder
- Создайте новую папку на рабочем столе под названием production
- Скопируйте index.html, static_assets и все содержимое из новой папки сборки в новую рабочую папку рабочего стола.
- Переименуйте index.html в home.html.
- Откройте home.html
- Измените строку 9 с:
<script src=”./client.bundle?platform=vr”></script> to <script src=”./client.bundle.js”></script>
6. Измените строку 15 с:
’../index.bundle?platform=vr&dev=true’, to ’./index.bundle.js’, // this will trick heroku to thinking this is a PHP app
7. Вернитесь в терминал и запустите:
cd desktop/production touch composer.json touch index.php Open index.php //and add the following: "<?php header( 'Location: /home.html' ) ; ?>" Open composer.json //and add: {}
8. Вернитесь в терминал и запустите:
git add . git commit -m “The future is now” git push heroku master // assuming you have linked Heroku to this folder
9. Готово!
Если вас интересует, как настраивать изображения, добавлять видео и ссылки, просмотрите мой github с подробными инструкциями в файле readme.