firebaseНачало работы с firebase


замечания

Firebase - это бэкэнд как услуга (Baas), очень полезная для разработки мобильных приложений.

Он предоставляет множество функций, таких как аутентификация и безопасность , хранилище данных в реальном времени и хранилище файлов , аналитика , Push-уведомления , AdMod и многие другие

Он предоставляет SDK для Android, iOS, Web, NodeJS, C ++ и Java Server

Версии

Платформа SDK Версия Дата выхода
Firebase JavaScript SDK 3.7.0 2017-03-01
Firebase C ++ SDK 3.0.0 2107-02-27
Firebase Unity SDK 3.0.0 2107-02-27
Firebase iOS SDK 3.14.0 2017-02-23
Firebase Android SDK 10,2 2017-02-15
Firebase Admin Node.js SDK 4.1.1 2017-02-14
Firebase Admin Java SDK 4.1.2 2017-02-14

Добавить Firebase в свой Android-проект

Здесь нужно выполнить шаги, необходимые для создания проекта Firebase и подключения к Android-приложению.

Добавить Firebase в приложение

  1. Создайте проект Firebase в консоли Firebase и нажмите « Создать новый проект» .

  2. Нажмите « Добавить Firebase» в приложение Android и выполните шаги настройки.

  3. При появлении запроса введите имя своего приложения .
    Важно ввести имя пакета, используемое вашим приложением; это можно установить только при добавлении приложения в проект Firebase.

  4. Чтобы добавить сертификат подтверждения отладки SHA1, который требуется для поддержки динамических ссылок, приглашений и поддержки входа в Google в Auth, перейдите в свой проект в Android Studio, нажмите на вкладку Gradle в правой части окна, нажмите кнопку « Refresh , перейдите для project(root) -> Tasks -> android -> signingReport . Это будет генерировать MD5 и SHA1 на вкладке Run . Скопируйте пачку SHA1 в консоль firebase.

  5. В конце вы загрузите файл google-services.json . Вы можете загрузить этот файл снова в любое время.

  6. Если вы еще этого не сделали, скопируйте это в папку модуля вашего проекта, как правило, app /.

Следующим шагом является добавление SDK для интеграции библиотек Firebase в проект.

Добавить SDK

Чтобы интегрировать библиотеки Firebase в один из ваших собственных проектов, вам нужно выполнить несколько основных задач для подготовки проекта Android Studio. Возможно, вы уже сделали это как часть добавления Firebase в свое приложение.

  1. Добавьте правила в файл build.gradle уровне build.gradle , чтобы включить плагин google-services :
buildscript {
    // ...
    dependencies {
        // ...
        classpath 'com.google.gms:google-services:3.0.0'
    }
}
 

Затем в своем модуле Gradle (обычно это app/build.gradle ) добавьте строку плагина apply в нижней части файла, чтобы включить плагин 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'
 

Последний шаг - добавить зависимости для Firebase SDK, используя одну или несколько библиотек, доступных для различных функций Firebase.

Линия зависимостей градля обслуживание
com.google.firebase: firebase-ядро: 9.4.0 аналитика
com.google.firebase: firebase-база данных: 9.4.0 База данных реального времени
com.google.firebase: firebase-хранение: 9.4.0 Место хранения
com.google.firebase: firebase-аварии: 9.4.0 Отчеты о сбоях
com.google.firebase: firebase-аутентификации: 9.4.0 Аутентификация
com.google.firebase: firebase-сообщения: 9.4.0 Облачные сообщения / уведомления
com.google.firebase: firebase-конфигурации: 9.4.0 Удаленная настройка
com.google.firebase: firebase-инвайты: 9.4.0 Приглашения / Динамические ссылки
com.google.firebase: firebase-объявления: 9.4.0 AdMob
com.google.android.gms: игры-сервисы appindexing: 9.4.0 Индексирование приложений

Начало работы в Firebase с помощью простого веб-приложения Hello World в JavaScript

В этом примере будет показано, как начать работу с Firebase в ваших веб-приложениях с помощью JavaScript.

Мы собираемся добавить текстового ребенка в нашу базу данных Firebase и отображать его в реальном времени в нашем веб-приложении.

Давайте начнем.

  • Перейдите в Firebase Console - https://console.firebase.google.com и создайте новый проект. Введите название проекта, страну / регион и нажмите « Создать проект» . введите описание изображения здесь

  • Теперь создайте файл index.html на вашем компьютере. И добавьте к нему следующий код.

      <body>
          <p>Getting started with Firebase</p>
          <h1 id="bigOne"></h1>
          <script>
                // your firebase JavaScript code here
          </script>
    
      </body>
     
  • Теперь перейдите в свой проект на Firebase Console, и вы можете увидеть это введите описание изображения здесь

  • Теперь нажмите « Добавить Firebase» в свое веб-приложение . Появится следующее сообщение: нажмите кнопку копирования введите описание изображения здесь

  • Теперь перейдите в свой файл index.html и добавьте фрагмент в раздел сценария следующим образом:

      <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>
     
  • Теперь вы завершили добавление кода инициализации Firebase. Теперь нам нужно получить наше текстовое значение из базы данных.

  • Для этого добавьте следующий код (Initialize Firebase, уже добавленный на последнем шаге. Не добавляйте повторно) внутри скрипта в 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>
     
  • Теперь мы все закончили с файлом index.html и теперь перейдем к базе данных в Firebase Console.

  • Вы увидите, что его пустое и пустое прямо сейчас. Позволяет добавить дочерний элемент в базу данных и добавить к нему любое значение. введите описание изображения здесь

  • Теперь нажмите кнопку ADD .

  • Теперь перейдите в раздел ПРАВИЛА в базе данных. введите описание изображения здесь

  • В целях разработки прямо сейчас, мы сейчас включим все запросы на чтение и запись .

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

    введите описание изображения здесь

  • Теперь откройте index.html в браузере.

  • Вы увидите текстовое значение на своей странице:
    введите описание изображения здесь

  • Теперь, если вы вернетесь в свою базу данных и измените текстовое дочернее значение на что-то еще, вы увидите, что текст в браузере также изменяется без обновления или перезагрузки. Вот как работает база данных реального времени в Firebase.

Настройка Firebase для IOS

  1. Во-первых, вы хотите перейти на панель управления firebase и создать новый проект с помощью кнопки «Создать новый проект».

Создать страницу проекта

  1. Вы хотите создать новый проект, добавив имя своего приложения, например, я поместил свое имя «Cool app name», затем выберите ваш регион и нажмите «Создать проект»,

Создание проекта

  1. После создания проекта вы будете перенаправлены на эту страницу, которая является информационной панелью, и отсюда вам нужно выбрать платформу, в которую вы хотите установить firebase, для этого примера мы выберем IOS.

введите описание изображения здесь

  1. После выбора IOS вы должны увидеть то же самое, что и на изображении ниже, запрашивая пакет IOS Bundle и идентификатор магазина приложения. Вам нужно будет предоставить пакет IOS, потому что наше приложение еще не находится в магазине приложений.

Добавить проект в платформу

  1. Получите идентификатор пакета из xcode после создания проекта xcode в любом случае, как обычно, после этого вы сможете получить идентификатор пакета для своего приложения в приложении Genral view в xcode, это будет первое поле в верхней части страницы, и как только вы его вставьте в поле Bundle в firebase, например, мое было бы «MauginInc.KIKOO»

Получение идентификатора связки

  1. После того, как вы это сделали и нажмите «Далее», файл «GoogleService-Info.plist» будет загружен, и вам нужно будет переместить его в корневую папку вашего приложения в xcode

структура папок

  1. Вы захотите инициализировать контейнеры и установить модули струйной бомбы, в которых вы нуждаетесь, чтобы сделать это, зайдя в ваш терминал и перейдите в папку проекта xcode и следуйте этим инструкциям, данным firebase.

Инициализировать блок и установить firebase

  1. Наконец, вы хотите настроить приложение, чтобы позволить быстро делать то, что он делает лучше всего, и сделать разработку приложений намного проще и эффективнее всего, что вам нужно сделать, это отредактировать файлы AppDelegate.swift тем же всплывающим, что и вы.

введите описание изображения здесь

Это все, что у вас теперь есть firebase, установленный в вашем проекте xcode для IOS