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/io...
Customizing content and style a bit in ionic:
https://ionicframework.com/docs/themi...
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: • How to set up a free wordpress websit... )
Make sure you have node installed on ec2 (steps to do this in another tutorial link:
• Node.js api fundamentals tutorial and... )
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.
En esta página del sitio puede ver el video en línea Making an Ionic 5 React app with Cloud Firestore, camera, and geolocation app tutorial: Part 3 de Duración hora minuto segunda en buena calidad , que subió el usuario Daniel Hampikian 18 abril 2020, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 567 veces y le gustó 8 a los espectadores. Disfruta viendo!
