Structure d'une application

Classiquement 1/2

Structure d'une application

Architecture moderne (JAM stack) 2/2

JAM Stack : Une architecture moderne: créez des sites rapides et sécurisés et des applications dynamiques avec JavaScript, API et balisage pré-rendu, servis sans serveurs Web.

Notions chez Firebase

1/3

• Projet
  • "entité de niveau supérieur de Firebase"
  • "un conteneur virtuel pour les données, le code, la configuration et les services."
  • projet Firebase est un projet GCP
  • Vous pouvez y déverser vos applications
• Application
  • Programme de type iOS, Android, Web, c++, unity exposant des fonctionnalités
• Site
  • Sur un projet, on peut avoir * sites web, par défaut il y en a un, celui du projet

Notions chez Firbase

2/3

Notions chez Firebase 

3/3

• firebase.json
  • configuration de l'application
• .firebaserc
  • informations projet

Environnements

• Un code source d'application
  • déploiement souhaité dans * envs
• Cloisonnement par PROJET
  • "Vous pouvez associer plusieurs projets Firebase au même répertoire de projet. Par exemple, vous souhaiterez peut-être utiliser un projet Firebase pour la préparation et un autre pour la production. En utilisant différents environnements de projet, vous pouvez vérifier les modifications avant le déploiement en production." 
• Switch d'un environnement
  • "firebase use PROJECT_ID"
    • OU
  • "--projet=PROJECT_ID" sur firebase deploy

Environnements

2/2

• En local, utilisation de "firebase use..."
• Plus clair dans la CLI (package.json)

Démo

application d'entrainement en piano (wano)

Création d'une application

Upload d'un site

en reactjs par exemple

Cibler la publication

firebase target:apply hosting how-hosting how-to-use-firebase-hosting

firebase deploy --only hosting:how-hosting

rajouter l"attribut "target" dans "firebase.json"