firebasefirebase入门


备注

Firebase是一种后端即服务(Baas),对于移动应用程序开发非常有用。

它提供许多功能,如身份验证和安全性实时数据库和文件存储分析推送通知AdMod和许多其他功能

它为Android,iOS,Web,NodeJS,C ++和Java Server提供SDK

版本

平台SDK 发布日期
Firebase JavaScript SDK 3.7.0 2017年3月1日
Firebase C ++ SDK 3.0.0 2107年2月27日
Firebase Unity SDK 3.0.0 2107年2月27日
Firebase iOS SDK 3.14.0 2017年2月23日
Firebase Android SDK 10.2 2017年2月15日
Firebase Admin Node.js SDK 4.1.1 2017年2月14日
Firebase管理Java SDK 4.1.2 2017年2月14日

将Firebase添加到您的Android项目中

这里是创建Firebase项目和连接Android应用程序所需的步骤。

将Firebase添加到您的应用

  1. Firebase控制台中创建Firebase项目,然后单击“ 创建新项目”

  2. 点击添加Firebase到您的Android应用,然后按照设置步骤操作。

  3. 出现提示时,输入应用程序的包名称
    输入您的应用正在使用的包名称非常重要;只有在将应用程序添加到Firebase项目时才能设置此项。

  4. 在Auth中添加动态链接,邀请和Google登录支持所需的调试签名证书SHA1 ,请转到Android Studio中的项目,单击窗口右侧的Gradle 选项卡,单击Refresh 按钮,然后转到project(root) - > Tasks - > android - > signingReport 。这将在Run 选项卡中生成MD5SHA1 。将SHA1粘贴复制到firebase控制台。

  5. 最后,您将下载google-services.json 文件。您可以随时再次下载此文件。

  6. 如果您还没有这样做,请将其复制到项目的模块文件夹中,通常是app /。

下一步是添加SDK以在项目中集成Firebase库。

添加SDK

要将Firebase库集成到您自己的项目中,您需要执行一些基本任务来准备Android Studio项目。您可能已将此操作作为向应用添加Firebase的一部分。

  1. 将规则添加到根级build.gradle 文件,以包含google-services插件
buildscript {
    // ...
    dependencies {
        // ...
        classpath 'com.google.gms:google-services:3.0.0'
    }
}
 

然后,在您的模块Gradle文件(通常是app/build.gradle )中,添加文件底部的apply plugin行以启用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功能的来添加Firebase SDK的依赖项。

Gradle依赖关系服务
com.google.firebase:火力核心:9.4.0 Analytics(分析)
com.google.firebase:火力数据库:9.4.0 实时数据库
com.google.firebase:火力存储:9.4.0 存储
com.google.firebase:火力碰撞:9.4.0 崩溃报告
com.google.firebase:火力-AUTH:9.4.0 认证
com.google.firebase:火力的消息:9.4.0 云消息传递/通知
com.google.firebase:火力-配置:9.4.0 远程配置
com.google.firebase:火力-邀请:9.4.0 邀请/动态链接
com.google.firebase:火力的广告:9.4.0 AdMob广告
com.google.android.gms:播放服务,appindexing:9.4.0 应用索引

使用JavaScript中的简单Hello World Web应用程序开始使用Firebase

此示例将演示如何使用JavaScript在Web应用程序中开始使用Firebase。

我们将在Firebase数据库中添加一个文本子项 ,并在我们的Web应用程序中实时显示。

让我们开始吧。

  • 转到Firebase控制台 - 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控制台上的项目,您可以看到这一点在此处输入图像描述

  • 现在点击添加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初始化代码。现在我们需要从数据库中获取文本值。

  • 为此,请在index.html脚本中添加以下代码(已在最后一步中添加的Initialize Firebase。不要重新添加)

      <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控制台中的数据库

  • 你现在会看到它的空白和空白。让我们在数据库中添加一个文本子项并为其添加任何值。 在此处输入图像描述

  • 现在点击“ 添加”按钮。

  • 现在进入数据库中的RULES部分。 在此处输入图像描述

  • 出于开发目的,我们现在将启用所有读写查询。

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

    在此处输入图像描述

  • 现在在浏览器中打开index.html

  • 您将在页面上看到文本值如下 -
    在此处输入图像描述

  • 现在,如果您返回到数据库并将文本子值更改为其他值,您将看到浏览器中的文本也会更改而不进行任何刷新或重新加载。这就是实时数据库在Firebase上的工作方式。

为IOS设置Firebase

  1. 首先,您想要使用“创建新项目”按钮转到firebase仪表板并创建一个新项目。

创建项目页面

  1. 你想通过添加你的应用程序的名称来创建一个新项目,例如我将我的应用程序设置为'酷应用程序名称'然后选择你所在的地区并按'创建项目'

创建项目

  1. 创建项目后,您将被引导到此页面,这是仪表板,从这里您必须选择一个您要安装firebase的平台,在本例中我们将选择IOS。

在此处输入图像描述

  1. 选择IOS之后,您应该会看到与下图中的相同的弹出窗口,询问IOS Bundle和应用商店ID。您只需要提供IOS捆绑包,因为我们的应用程序还没有在应用程序商店中。

将项目添加到平台

  1. 在创建一个xcode项目后从xcode获取软件包ID,无论如何您通常会在应用程序上获取应用程序的软件包ID在xcode中的Genral视图它将是顶部的第一个字段,一旦您将其粘贴到在firebase中的Bundle字段例如我的将是'MauginInc.KIKOO'

获取包标识符

  1. 完成后按“下一步”,将下载“GoogleService-Info.plist”文件,您需要做的是将其移到xcode中的应用程序的根文件夹中

文件夹结构

  1. 您需要初始化pod并安装您需要的firebase pod,方法是进入终端并导航到xcode项目文件夹并按照firebase提供的说明进行操作。

初始化pod并安装firebase

  1. 最后,你想配置你的应用程序让swift做它最擅长的事情,那就是让你的应用程序开发变得更加容易和高效,你需要做的就是编辑你的AppDelegate.swift文件,就像弹出窗口显示的那样。

在此处输入图像描述

这就是你现在在IOS的xcode项目中安装了firebase的所有内容