host react app and api on VM with domain and HTTPS [Step by Step]
Tutorial: react and asp.net app full deployment to VM, with domain and ssl
Done on mac, but should be the same on Windows
API written in C# asp.net
cloud provider - yandex cloud
install nginx tutorial - https://www.digitalocean.com/community/tutorials/how-to-install-nginx-on-ubuntu-20-04
obtain ssl certificate - https://www.digitalocean.com/community/tutorials/how-to-secure-nginx-with-let-s-encrypt-on-ubuntu-20-04
rest files - https://drive.google.com/drive/folders/1aqNzP8TzsyRCvQlgn-9sGvNHQRPQaFiM?usp=sharing
00:00 - intro
00:17 - new react app
00:36 - new asp.net api
01:46 - modify react app to use api
02:59 - new VM
04:11 - container registry
04:33 - build API docker image
06:00 - build react docker image
07:25 - connecting to VM through ssh
07:48 - installing Docker Daemon to VM
08:13 - pull images from registry
08:57 - creating docker containers
10:23 - domain admin page
10:28 - creating DNS zone
11:14 - replacing DNS servers
11:35 - installing nginx
12:23 - nginx config file
13:36 - obtaining ssl certificate for React app domain
14:31 - replacing api url in React app
15:07 - obtaining ssl certificate for api
15:20 - result :)
15:35 - outro
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «host react app and api on VM with domain and HTTPS [Step by Step]», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.