Ateş tabanı

Şablondaki birkaç eklenti, örneğin Post Görüntüleme Sayacı için Gerçek Zamanlı Veritabanı, vb. Firebase Hizmetlerine bağlıdır. Bu nedenle, bu eklentilerden herhangi birini kullanmak istiyorsanız, blog şablonuyla yapılandırılmış bir Firebase Projeniz olması gerekir.

Bir Firebase Projesi Oluşturma

Eğer daha önceden oluşturulmuş bir Firebase Projeniz varsa, onu kullanabilir ve aşağıda anlatılan yeni bir proje oluşturma adımlarını atlayabilirsiniz.

1. Firebase Konsoluna gidin .
2. + Proje oluştur'a tıklayın ve proje oluşturmak için istemleri izleyin. Projenize istediğiniz adı verebilirsiniz.
3. Proje oluşturulduktan sonra Proje ayarlarına gidin.
4. Genel > Uygulamalarınız altında </> Web'e tıklayın ve projede bir Web uygulaması oluşturmak için talimatları izleyin.

Artık Web Uygulamaları için bir Firebase Projesi oluşturdunuz.

Gerçek Zamanlı Veritabanı Kurallarını Ayarlama

Gerçek Zamanlı Veritabanına güvenli kurallar eklemek çok önemlidir çünkü güvenli olmayan kurallar veritabanına readve writeerişime internetteki herkese izin verir ve veritabanındaki her şeyi okumalarına ve değiştirmelerine olanak tanır. Bu nedenle, birinin izinsiz olarak verileri değiştiremeyeceğinden emin olmak için kısıtlamalar eklememiz gerekir. Veritabanınızı korumak için aşağıdaki adımları izleyin.

1. Firebase Projesi > Gerçek Zamanlı Veritabanı'na gidin .
2. Kurallar sekmesine geçin .
3. Aşağıdaki JSON'u kurallar düzenleyicisinde uygun değişiklikleri yaparak yapıştırın ve Yayımla'ya tıklayın .

   Uyarı!
   Sağlanan kurallar, herhangi bir kritik sorun bulunması veya yeni eklentilerin kullanıma sunulması durumunda ekibimiz tarafından gelecekte güncellenebilir. Bu sayfayı ziyaret ederek kuralları aşağıdaki gibi düzenli olarak (en az ayda bir) güncellemeniz önerilir.
   Kurallar en son 1 Eylül 2023 tarihinde Deo Kumar tarafından güncellendi.

   {
     "rules": {
       ".write": false,
       ".read": false,
       "blogs": {
         "$blog_id": {
           ".validate": "$blog_id.matches(/^\\d{18,22}$/) && ($blog_id === '000000000000000000' || $blog_id === '0000' || $blog_id === '0000')",
           "posts": {
             "$post_id": {
               ".validate": "$post_id.matches(/^\\d{18,22}$/)",
               "views": {
                 ".read": true,
                 ".write": "newData.exists()",
                 ".validate": "newData.isNumber() && newData.val() % 1 === 0 && newData.val() === (data.exists() ? data.val() + 1 : 1)"
               }
             }
           }
         }
       }
     }
   }

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

Firebase Yapılandırmalarını Alma

Şimdi Firebase Proje Web uygulamamızın yapılandırma nesnesine ihtiyacımız var. Bunu bulmak için adımları izleyin.

1. Firebase Projenize gidin .
2. Proje Ayarlarına gidin .
3. Genel > Uygulamalarınız sekmesi altında , Web uygulamanızı seçin ve Yapılandır'a tıklayın . Aşağıdaki gibi görünen bir Javascript nesnesi görebileceksiniz:

   const firebaseConfig = {
     apiKey: "API_KEY",
     authDomain: "PROJECT_ID.firebaseapp.com",
     databaseURL: "https://PROJECT_ID.firebaseio.com",
     projectId: "PROJECT_ID",
     storageBucket: "PROJECT_ID.appspot.com",
     messagingSenderId: "SENDER_ID",
     appId: "APP_ID",
     measurementId: "G-MEASUREMENT_ID",
   };

   Alan databaseURLkullanılabilir değilse, henüz bir Gerçek Zamanlı Veritabanı örneği oluşturmadığınız anlamına gelir; bunu Gerçek Zamanlı Veritabanı bölümünden oluşturun ve alanın databaseURLkullanılabilir olduğundan emin olmak için tekrar kontrol edin.

Bu nesnenin bilgisine ihtiyacımız olacağından tarayıcı sekmesini açık tutun.

Firebase Yapılandırmalarını Ayarlama

Şimdi Firebase yapılandırmalarını blogumuza ekleyeceğiz.

1. Blogger kontrol paneline gidin ve Düzen'e gidin .
2. Bağlantı Listesi gadget'ını Firebase Yapılandırmaları başlığı altında bulun (eğer ismini değiştirmediyseniz) ve Düzenle butonuna tıklayın.
3. Her anahtar-değer çifti için aşağıda gösterildiği gibi bağlantıları oluşturun, anahtarı Site adı , değeri ise Site URL'si olarak belirleyin.

   const firebaseConfig = {
     apiKey: "API_KEY",
     authDomain: "PROJECT_ID.firebaseapp.com",
     databaseURL: "https://PROJECT_ID.firebaseio.com",
     projectId: "PROJECT_ID",
     storageBucket: "PROJECT_ID.appspot.com",
     messagingSenderId: "SENDER_ID",
     appId: "APP_ID",
     measurementId: "G-MEASUREMENT_ID",
   };

4. Değişiklikleri uygulamak için gadget'ı kaydedin.

Tamamdır! Firebase Projenizi blogunuzla başarıyla yapılandırdınız.