RUVIDEO
Поделитесь видео 🙏

Making an Ionic 5 React app with Cloud Firestore, camera, and geolocation app tutorial: Part 3

In part 3 of the ionic 5 react and firestore tutorial series I show you how to actually deploy this code to multiple device. In this tutorial I go over:

How to get the code from my previous tutorial series from github and what you need to run everything github repo:
https://github.com/danielhampikian/ionic_5_react_apps.git
Customizing content and style a bit in ionic:
https://ionicframework.com/docs/theming/color-generator
Options for cross platform support (isPlatform and editing separate builds with ionic cap sync)
What is a pwa?
Deploying a pwa and deploying a website on an ec2
Building to android
Building to ios
Further resources and advice

Steps for android:
1. ionic build
2. ionic cap add android
3. (If you make changes now, run ionic cap copy if it’s changes to the ionic project, ionic cap sync if it’s changes to the android build itself)
3. ionic cap open android
4. Connect device and run the debug console (make sure device has developer options and debugging on).

Steps for pwa:
npm install -g firebase-tools (change service worker to register)
Firebase cli docs: https://firebase.google.com/docs/cli
firebase init
(Hosting, project you’re using for database, public directory : “build”, configure as single-page-app (yes), overwrite file? No.
ionic build --prod
firebase deploy
Go to firebase for the app url

Steps for ec2:
Get Ionic src, json, and resources up onto ec2 in a new directory (steps to setup ec2 in another tutorial: link: https://www.youtube.com/watch?v=GRwvOdqBj7I&t=3s )
Make sure you have node installed on ec2 (steps to do this in another tutorial link:
https://youtu.be/6poFTxGqDig )
Connect with mobaxterm (or other ssh tunnel)
Open the port
Run npm install, then ionic build --prod, ionic serve
Navigate to ec2 on the port
NOTE: If you want run after you break your ssh tunnel connection in the background of your ec2, after you have run ionic serve:
hit ctrl+z to stop node, take note of the process numbers, and make it a background task with the command ‘bg %1’ or whatever the task number assigned to it is.

Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Making an Ionic 5 React app with Cloud Firestore, camera, and geolocation app tutorial: Part 3», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.

Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.

Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!

Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.