Как использовать личный домен для бессерверного приложения с интерфейсом React?

Я закончил нанодиплом Udacity Cloud Developer и хочу создать собственный домен для демонстрации в своем портфолио.

Стек, который я использую, включает в себя: Api Gateway, Lambda, DynamoDB, Nodejs, S3 и Serverless framework. Фронтенд: React.

Однако я застрял в понимании того, как развернуть полное приложение с интерфейсом React?

Что-то вроде: anc.com перейдет к моему приложению. Я нашел много решений, в которых упоминалось об использовании serverless-domain-manager.

Но как насчет моего интерфейса React? Я читал некоторые решения, в которых говорится о развертывании статической сети с использованием S3.

Но в моем приложении в настоящее время есть S3 для хранения загруженных изображений.

Если я разверну свой интерфейс с помощью S3, нужно ли мне создавать 2 корзины S3?

В настоящее время мне приходится использовать 2 терминала, развертывание SLS для серверной части и npm run start для запуска внешнего интерфейса на локальном хосте.

Мой код на github: https://github.com/ploratran/DogLookBook


person Tran Plora Phuong    schedule 23.01.2021    source источник
comment
Вы можете разместить свое реагирующее приложение на netlify и связать пользовательский домен с вашим реагирующим приложением и получить доступ к вашему приложению node js с запросами API из вашего реагирующего приложения.   -  person angelo    schedule 23.01.2021
comment
@Анджело Привет. Спасибо за ваш ответ. Знаете ли вы какие-либо среды или учебники о том, как размещать на netlify и получать доступ к приложению nodejs из приложения для реагирования?   -  person Tran Plora Phuong    schedule 23.01.2021
comment
хостинг на netlify прост, вы можете следить за этим блогом freecodecamp.org/news/   -  person angelo    schedule 24.01.2021
comment
Для использования реакции с узлом вы можете использовать axios для отправки http-запросов с вашего интерфейса на URL-адрес вашего бэкэнда.   -  person angelo    schedule 24.01.2021


Ответы (1)


Команда Serverless также выпустила инструмент под названием компоненты, один из которых выглядит идеально для того, что вы хотите сделать; он автоматически обрабатывает все в облаке, чтобы разместить ваши файлы React и назначить домен: https://github.com/serverless-components/website

person Gareth McCumskey    schedule 23.01.2021
comment
Спасибо за ваш ответ. У меня есть 1 дополнительный вопрос. Мне нужна корзина S3 для развертывания интерфейса с бессерверными компонентами. Нужно ли мне создавать второе ведро S3, так как у меня уже есть 1 ведро для хранения загруженных изображений. - person Tran Plora Phuong; 23.01.2021
comment
При этом автоматически создается совершенно новая корзина S3, поэтому вам не нужно идти и создавать что-либо в AWS самостоятельно. - person Gareth McCumskey; 09.03.2021