Looking for firebase Answers? Try Ask4KnowledgeBase
Looking for firebase Keywords? Try Ask4Keywords

firebaseDémarrer avec Firebase


Remarques

Firebase est un backend en tant que service (Baas) très utile pour le développement d'applications mobiles.

Il offre de nombreuses fonctionnalités telles que l' authentification et la sécurité , la base de données en temps réel et le stockage de fichiers , les analyses , les notifications push , AdMod et bien d' autres.

Il fournit le SDK pour Android, iOS, Web, NodeJS, C ++ et Java Server

Versions

Platform SDK Version Date de sortie
Firebase JavaScript SDK 3.7.0 2017-03-01
Kit de développement logiciel Firebase C ++ 3.0.0 2107-02-27
SDK Firebase Unity 3.0.0 2107-02-27
Firebase iOS SDK 3.14.0 2017-02-23
Firebase Android SDK 10.2 2017-02-15
SDK Admin Node.js de Firebase 4.1.1 2017-02-14
Firebase Admin Java SDK 4.1.2 2017-02-14

Ajouter Firebase à votre projet Android

Voici les étapes requises pour créer un projet Firebase et pour vous connecter à une application Android.

Ajouter Firebase à votre application

  1. Créez un projet Firebase dans la console Firebase et cliquez sur Créer un nouveau projet .

  2. Cliquez sur Ajouter Firebase à votre application Android et suivez les étapes de configuration.

  3. Lorsque vous y êtes invité, entrez le nom du package de votre application .
    Il est important de saisir le nom du package utilisé par votre application. Cela ne peut être défini que lorsque vous ajoutez une application à votre projet Firebase.

  4. Pour ajouter le certificat de signature de débogage SHA1 requis pour les liens dynamiques, les invitations et la prise en charge de Google Sign-In dans Auth, accédez à votre projet dans Android Studio, cliquez sur l'onglet Gradle à droite de la fenêtre, cliquez sur le bouton Refresh . pour project(root) -> Tasks -> android -> signingReport . Cela va générer MD5 et SHA1 dans l'onglet Run . Copiez collez SHA1 dans la console firebase.

  5. À la fin, vous allez télécharger un fichier google-services.json . Vous pouvez télécharger ce fichier à tout moment.

  6. Si vous ne l'avez pas déjà fait, copiez-le dans le dossier du module de votre projet, généralement app /.

L'étape suivante consiste à ajouter le SDK pour intégrer les bibliothèques Firebase dans le projet.

Ajouter le SDK

Pour intégrer les bibliothèques Firebase dans un de vos propres projets, vous devez effectuer quelques tâches de base pour préparer votre projet Android Studio. Vous l'avez peut-être déjà fait dans le cadre de l'ajout de Firebase à votre application.

  1. Ajoutez des règles à votre fichier build.gradle niveau build.gradle pour inclure le plug-in google-services :
buildscript {
    // ...
    dependencies {
        // ...
        classpath 'com.google.gms:google-services:3.0.0'
    }
}
 

Ensuite, dans le fichier Gradle de votre module (généralement app/build.gradle ), ajoutez la ligne de plug-in apply au bas du fichier pour activer le plug-in Gradle:

apply plugin: 'com.android.application'

android {
  // ...
}

dependencies {
  // ...
  compile 'com.google.firebase:firebase-core:9.4.0'
}

// ADD THIS AT THE BOTTOM
apply plugin: 'com.google.gms.google-services'
 

La dernière étape consiste à ajouter les dépendances du kit SDK Firebase en utilisant une ou plusieurs bibliothèques disponibles pour les différentes fonctionnalités Firebase.

Ligne de dépendance Gradle Un service
com.google.firebase: firebase-core: 9.4.0 Analytique
com.google.firebase: base de données firebase: 9.4.0 Base de données en temps réel
com.google.firebase: firebase-storage: 9.4.0 Espace de rangement
com.google.firebase: crash de base de données: 9.4.0 Rapport de collision
com.google.firebase: firebase-auth: 9.4.0 Authentification
com.google.firebase: messagerie-base: 9.4.0 Cloud Messaging / Notifications
com.google.firebase: firebase-config: 9.4.0 Configuration à distance
com.google.firebase: invite-firebase: 9.4.0 Invites / Liens dynamiques
com.google.firebase: annonces firebase: 9.4.0 AdMob
com.google.android.gms: play-services-appindexing: 9.4.0 Indexation des applications

Mise en route de Firebase avec une simple application Web Hello World en JavaScript

Cet exemple montre comment démarrer avec Firebase dans vos applications Web avec JavaScript.

Nous allons ajouter un enfant de texte dans notre base de données Firebase et l’afficher en temps réel sur notre application Web.

Commençons.

  • Accédez à la console Firebase - https://console.firebase.google.com et créez un nouveau projet. Entrez le nom du projet, pays / région et cliquez sur créer un projet . entrer la description de l'image ici

  • Maintenant, créez un fichier index.html sur votre ordinateur. Et ajoutez-y le code suivant.

      <body>
          <p>Getting started with Firebase</p>
          <h1 id="bigOne"></h1>
          <script>
                // your firebase JavaScript code here
          </script>
    
      </body>
     
  • Maintenant, allez à votre projet sur Firebase Console et vous pouvez le voir entrer la description de l'image ici

  • Cliquez maintenant sur Ajouter Firebase à votre application Web . Vous verrez apparaître la fenêtre suivante, cliquez sur le bouton de copie entrer la description de l'image ici

  • Maintenant, allez dans votre fichier index.html et ajoutez l'extrait de code à la section script comme suit

      <body>
    
        <p>Getting started with Firebase</p>
        <h1 id="bigOne"></h1>
    
        <script src="https://www.gstatic.com/firebasejs/3.7.4/firebase.js"></script>
        <script>
          // Initialize Firebase
          var config = {
            apiKey: "apiKey",
            authDomain: "authDomain",
            databaseURL: "databaseURL",
            storageBucket: "storageBucket",
            messagingSenderId: "messagingSenderId"
          };
          firebase.initializeApp(config);
        </script>
      </body>
     
  • Vous avez maintenant terminé d'ajouter le code d'initialisation Firebase. Maintenant, nous devons obtenir notre valeur de texte de la base de données.

  • Pour ce faire, ajoutez le code suivant (Initialize Firebase déjà ajouté à la dernière étape. Ne pas rajouter) dans le script dans index.html

      <script>
    
          // Initialize Firebase
          var config = {
            apiKey: "apiKey",
            authDomain: "authDomain",
            databaseURL: "databaseURL",
            storageBucket: "storageBucket",
            messagingSenderId: "messagingSenderId"
          };
          firebase.initializeApp(config);
      
          // getting the text value from the database
          var bigOne = document.getElementById('bigOne');
          var dbRef = firebase.database().ref().child('text');
          dbRef.on('value', snap => bigOne.innerText = snap.val());
    
      </script>
     
  • Maintenant, nous avons tous terminé avec le fichier index.html et allons maintenant dans la base de données dans Firebase Console.

  • Vous verrez que c'est vide et vide maintenant. Permet d'ajouter un enfant texte dans la base de données et d'y ajouter une valeur. entrer la description de l'image ici

  • Cliquez maintenant sur le bouton AJOUTER .

  • Maintenant, allez à la section RÈGLES de la base de données. entrer la description de l'image ici

  • À des fins de développement, nous allons maintenant activer toutes les requêtes de lecture et d'écriture .

      {
        "rules": {
            ".read": "true",
            ".write": "true"
          }
      }
     

    entrer la description de l'image ici

  • Maintenant, ouvrez index.html dans le navigateur

  • Vous verrez la valeur de texte sur votre page comme suit -
    entrer la description de l'image ici

  • Maintenant, si vous revenez à votre base de données et que vous modifiez la valeur du texte pour enfant , vous verrez que le texte dans le navigateur change également sans aucune actualisation ou rechargement. Voici comment la base de données en temps réel fonctionne sur Firebase.

Configuration de Firebase pour IOS

  1. Tout d'abord, vous souhaitez accéder au tableau de bord de Firebase et créer un nouveau projet à l'aide du bouton "Créer un nouveau projet".

Créer une page de projet

  1. Vous souhaitez créer un nouveau projet en ajoutant le nom de votre application, par exemple, je mets le mien en tant que «Cool app name», puis choisissez votre région et appuyez sur «Create Project».

Créer un projet

  1. Après avoir créé le projet, vous serez dirigé vers cette page qui est le tableau de bord et à partir de là, vous devez choisir une plate-forme sur laquelle vous souhaitez installer Firebase pour cet exemple, nous choisirons IOS.

entrer la description de l'image ici

  1. Après avoir sélectionné IOS, vous devriez voir la même fenêtre que celle de l'image ci-dessous demandant le paquet IOS et l'ID du magasin d'applications. Vous aurez seulement besoin de fournir le paquet IOS car notre application ne figure pas encore sur l'App Store.

Ajouter un projet à la plateforme

  1. Obtenez l'ID de bundle de xcode après avoir créé un projet xcode de toute façon vous devriez normalement obtenir l'identifiant de bundle pour votre application sur la vue Genral de l'application dans xcode, il sera le premier champ en haut et une fois le champ Bundle dans firebase par exemple le mien serait 'MauginInc.KIKOO'

Obtenir l'identifiant du bundle

  1. Après avoir fait cela et appuyé sur "Suivant", un fichier "GoogleService-Info.plist" sera téléchargé et ce que vous devez faire est de le déplacer dans le dossier racine de votre application dans xcode.

structure de dossier

  1. Vous voudrez initialiser les modules et installer les modules de base de données dont vous avez besoin pour effectuer cette opération en accédant à votre terminal et en accédant à votre dossier de projet xcode et suivez les instructions données par firebase.

Initialiser le pod et installer la base de feu

  1. Enfin, vous voulez configurer votre application pour que swift fasse ce qu'elle fait de mieux et que cela rend le développement d'applications beaucoup plus facile et efficace.

entrer la description de l'image ici

C'est tout ce que vous avez maintenant FireBase installé dans votre projet xcode pour IOS