Cara Menambahkan Realtime Views [Tampilan Waktu Nyata] Di Tema Plus UI

Lemper Bungkus November 25, 2022

Pembuka

Kali ini saya membagikan cara/tutorial menambahkan Realtime Views [Tampilan Waktu Nyata] yang sudah disediakan oleh developer nya sendiri.

Cara Menambahkan Realtime Views [Tampilan Waktu Nyata] di tema Plus UI

Persyaratan

・Akun Firebase

・Plus UI v2.6 Template

Mengaktifkan Realtime Views

Langkah 1: Pertama-tama buat proyek di Firebase.

Langkah 2: Buat Database untuk Proyek Anda.

Langkah 3: Tempel aturan berikut:

Untuk Blog Tunggal:

{
  "rules": {
    ".read": true,
    "BlogID_0000000000000000000": {
      ".read": true,
      "$post_id": {
        ".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)",
        ".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999"
      }
    }
  }
}

Untuk Banyak Blog:

{
  "rules": {
    ".read": true,
    "BlogID_0000000000000000000": {
      ".read": true,
      "$post_id": {
        ".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)",
        ".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999"
      }
    },
    "BlogID_0000000000000000000": {
      ".read": true,
      "$post_id": {
        ".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)",
        ".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999"
      }
    },
    "BlogID_0000000000000000000": {
      ".read": true,
      "$post_id": {
        ".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)",
        ".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999"
      }
    }
  }
}

Langkah 4: Salin URL Database.

Langkah 5: Buka Tema Editor HTML.

Langkah 6: Temukan kode berikut:

realViews: {
  databaseUrl: "",
  abbreviation: "false"
}

Langkah 7: Tempel URL Database Anda, akan terlihat seperti berikut:

realViews: {
  databaseUrl: "https://example-rtdb.firebaseio.com",
  abbreviation: "false"
}

Langkah 8: Simpan Perubahan dan segarkan Halaman Blog Anda.

Menampilkan Hitungan Tampilan Singkatan

Jika Anda ingin menampilkan tampilan yang dihitung dalam angka Singkatan, mis. 67.89K bukannya 67894, Anda hanya perlu mengikuti langkah-langkah sederhana.

Jangan lupa support blog ini dengan cara berdonasi di trakteer.id

Langkah 1: Temukan kode berikut dengan masuk ke Editor Tema HTML:

realViews: {
  databaseUrl: "",
  abbreviation: "false"
}

Langkah 2: Ganti false dengan true seperti yang ditunjukkan di bawah ini:

Jangan membuat perubahan apa pun jika sudah true.

realViews: {
  databaseUrl: "",
  abbreviation: "true"
}

Langkah 3: Simpan Perubahan dan segarkan Halaman Blog Anda.

Referensi:

Fineshopdesign

Penutup

Demikian Cara Menambahkan Realtime Views [Tampilan Waktu Nyata] di tema Plus UI. Sekian tutorial dari blog ini, sampai jumpa di tutorial selanjutnya.