Firebase'i kullanmaya başlama

Android Projenize Firebase Ekleyin #

Burada bir Firebase projesi oluşturmak ve bir Android uygulamasına bağlanmak için gereken adımlar.

Firebase’i uygulamanıza ekleyin #

1. Firebase konsolunda bir Firebase projesi oluşturun ve Yeni Proje Oluştur‘a tıklayın.

2. Firebase’i Android uygulamanıza ekleyin‘i tıklayın ve kurulum adımlarını izleyin.

3. İstendiğinde, uygulamanızın paket adını girin. Uygulamanızın kullandığı paket adını girmeniz önemlidir; bu, yalnızca Firebase projenize bir uygulama eklediğinizde ayarlanabilir.

4. Yetkilendirmede Dinamik Bağlantılar, Davetler ve Google Oturum Açma desteği için gerekli olan hata ayıklama imzalama sertifikası SHA1’i eklemek için, Android Studio’da projenize gidin, sağ taraftaki ‘Gradle’ sekmesine tıklayın. penceresinde, ‘Yenile’ düğmesine tıklayın, ‘project(root)’ -> ‘Tasks’ -> ‘android’ -> ‘signingReport’a gidin. Bu, her ikisi de “Çalıştır” sekmesinde MD5 ve SHA1 üretecektir. SHA1’i kopyalayıp firebase konsoluna yapıştırın.

5. Sonunda, bir “google-services.json” dosyası indireceksiniz. Bu dosyayı istediğiniz zaman tekrar indirebilirsiniz.

6. Henüz yapmadıysanız, bunu projenizin modül klasörüne kopyalayın, genellikle app/.

Sonraki adım, Firebase kitaplıklarını projeye entegre etmek için SDK Eklemektir.

SDK’yı ekleyin #

Firebase kitaplıklarını kendi projelerinizden birine entegre etmek için Android Studio projenizi hazırlamak üzere birkaç temel görevi gerçekleştirmeniz gerekir. Bunu, uygulamanıza Firebase eklemenin bir parçası olarak zaten yapmış olabilirsiniz.

1. google-services eklentisini dahil etmek için kök düzeyindeki build.gradle dosyanıza kurallar ekleyin:

   buildscript { // … dependencies { // … classpath ‘com.google.gms:google-services:3.0.0’ } }

Ardından, modül Gradle dosyanızda (genellikle ‘app/build.gradle’), Gradle eklentisini etkinleştirmek için dosyanın altına uygulama eklentisi satırını ekleyin:

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'

Son adım, bir veya daha fazlasını kullanarak Firebase SDK için bağımlılıkları eklemektir. Farklı Firebase özellikleri için kütüphaneler mevcuttur.

IOS için Firebase’i kurma #

1. İlk olarak, firebase kontrol paneline gitmek ve ‘Yeni Proje Oluştur’ düğmesini kullanarak yeni bir proje oluşturmak istiyorsunuz.

2. Uygulamanızın adını ekleyerek yeni bir proje oluşturmak istiyorsunuz, örneğin benimkini ‘Harika uygulama adı’ olarak koydum, ardından bölgenizi seçin ve ‘Proje Oluştur’a basın.

3. Projenizi oluşturduktan sonra bu sayfaya yani dashboard kısmına yönlendirileceksiniz ve buradan firebase kurmak istediğiniz platformu seçmelisiniz bu örnek için IOS seçeceğiz.

4. IOS’u seçtikten sonra, aşağıdaki resimde IOS Bundle ve uygulama mağazası kimliğini soran aynı açılır pencereyi görmelisiniz. Uygulamamız henüz uygulama mağazasında olmadığı için yalnızca IOS Paketini sağlamanız gerekecek.

5. Bir xcode projesi oluşturduktan sonra paket kimliğini xcode’dan alın, genellikle bundan sonra uygulamanız için paket kimliğini alabilirsiniz xcode’da Genel görünüm, en üstteki ilk alan olacaktır ve bir kez aldığınızda yapıştırın firebase’deki Bundle alanına, örneğin benimki ‘MauginInc.KIKOO’ olurdu

6. Bunu yaptıktan ve ‘İleri’ye bastıktan sonra, bir ‘GoogleService-Info.plist’ dosyası indirilecek ve yapmanız gereken, bunu uygulamanızın xcode içindeki kök klasörüne taşımak.

7. Pod’ları başlatmak ve ihtiyacınız olan firebase pod’larını kurmak isteyeceksiniz, bunu terminalinize giderek xcode proje klasörünüze gidin ve firebase tarafından verilen bu talimatları izleyin.

8. Son olarak, uygulamanızı Swift’in elinden gelenin en iyisini yapmasına izin verecek şekilde yapılandırmak istiyorsunuz ve bu da uygulama geliştirmeyi çok daha kolay ve verimli hale getiriyor. Yapmanız gereken tek şey, AppDelegate.swift dosyalarını açılır pencerede gösterildiği gibi düzenlemek.

IOS için xcode projenizde yüklü olan firebase’iniz bu kadar

JavaScript’te basit bir Hello World web uygulamasıyla Firebase’e başlama #

Bu örnek, JavaScript içeren web uygulamalarınızda Firebase’e nasıl başlayacağınızı gösterecektir.

Firebase Veritabanımıza bir metin çocuğu ekleyeceğiz ve bunu web uygulamamızda gerçek zamanlı olarak görüntüleyeceğiz.

Başlayalım. #

• Firebase Konsoluna gidin - https://console.firebase.google.com ve yeni bir proje oluşturun. Proje adını, Ülke/bölgeyi girin ve proje oluştur‘a tıklayın.

• Şimdi bilgisayarınızda bir index.html dosyası oluşturun. Ve içine aşağıdaki kodu ekleyin.

    <body>
        <p>Getting started with Firebase</p>
        <h1 id="bigOne"></h1>
        <script>
              // your firebase JavaScript code here
        </script>
  
    </body>
  

• Şimdi Firebase Konsolunda projenize gidin ve bunu görebilirsiniz

• Şimdi Firebase’i web uygulamanıza ekleyin’e tıklayın. Aşağıdaki açılır pencereyi göreceksiniz, kopyala düğmesine tıklayın

• Şimdi index.html dosyanıza gidin ve snippet’i aşağıdaki gibi script bölümüne ekleyin

    <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>
  

• Artık Firebase başlatma kodunu eklemeyi tamamladınız. Şimdi veritabanından text değerimizi almamız gerekiyor.

• Bunu yapmak için index.html içindeki komut dosyasının içine aşağıdaki kodu ekleyin (Son adımda zaten eklenmiş olan Firebase’i sıfırlayın. Yeniden eklemeyin)

    <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>
  

• Artık index.html dosyasıyla işimiz bitti ve şimdi Firebase Konsolunda Veritabanına geçelim.

• Şu anda boş ve boş olduğunu göreceksiniz. Veritabanına bir metin çocuğunu ekleyelim ve ona herhangi bir değer ekleyelim.

• Şimdi EKLE düğmesine tıklayın.

• Şimdi Veritabanındaki KURALLAR bölümüne gidin.

• Geliştirme amacıyla şu anda tüm okuma ve yazma sorgularını etkinleştireceğiz.

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

  

• Şimdi index.html’yi tarayıcıda açın

• Sayfanızdaki metin değerini aşağıdaki gibi göreceksiniz -

• Şimdi veritabanınıza geri dönerseniz ve metin alt değerini başka bir şeyle değiştirirseniz, tarayıcıdaki metnin de herhangi bir yenileme veya yeniden yükleme olmadan değiştiğini göreceksiniz. Firebase’de gerçek zamanlı veritabanı bu şekilde çalışır.