dan cara memulainya dalam hitungan menit.

Baru-baru ini Firebase versi 9 dirilis dan cara kami mengimpor dan menggunakan fiturnya kini telah dimodifikasi. Hal ini disebabkan penerapan fitur pengocokan pohon. Pohon yang bergetar sesuai dokumentasi MDN berarti penghapusan kode mati dari file JavaScript yang dibundel.

Untuk menggunakan Firebase 9, pastikan Anda telah menyiapkan pemaket modul di aplikasi Anda. Jika Anda membuat aplikasi menggunakan alat cli seperti

create react app OR vue-create

Anda tidak perlu diganggu oleh pemaket modul. Jika tidak, Anda perlu membuat satu file konfigurasi webpack atau bundler lain yang Anda suka. Jika Anda tidak tahu cara memulai dengan module bundler, berikut adalah postingan singkat untuk membantu Anda memulai.



Pengenalan Bundel Modul
Apakah Anda ingin mendapatkan ikhtisar singkat dan penyiapan untuk pemaket modul (webpack)?. Jika ya, maka cerita ini cocok untuk Anda.medium.com



Sebelum Memulai, berikut ini tautan ke seluruh kode yang mungkin berguna bagi Anda. Ini adalah kerangka yang dapat Anda salin dan tempel di proyek berikutnya dan langsung mulai menggunakan firebase 9 dalam hitungan menit. Cukup tambahkan konfigurasi firebase Anda di file .env dan semuanya akan berfungsi dengan baik.



GitHub - akshay271703/firebase-9-skeleton
Tambahkan file .env dan tempel objek konfigurasi firebase Anda. Variabel lingkungan yang diperlukan disebutkan di bawah…github.com



Sekarang Mari kita mulai dengan penyiapan Firebase 9.

Sekarang saya berasumsi bahwa Anda pernah menggunakan Firebase dan itulah sebabnya Anda tertarik dengan Firebase 9.Jadi saya akan mempercepat untuk memulai dan menggunakan fitur firebase.

Langkah 1: Siapkan file Konfigurasi Firebase

File konfigurasi bukanlah file wajib yang harus Anda miliki tetapi membuat struktur kode Anda elegan dan mudah digunakan. Jadi saya akan membuat file konfigurasi tempat aplikasi firebase pertama kali diinisialisasi.

Sekarang ini adalah file yang sangat penting karena semua objek yang diinisialisasi yang diekspor sangat penting untuk berfungsinya aplikasi firebase Anda. Sebelumnya (Sebelum firebase 9) kami biasa menerapkan fungsi secara langsung pada aplikasi firebase yang diinisialisasi

const app = initializeApp(firebaseConfig);
const auth = app.auth().createUserWith.......
const firestore = app.firestore() ..
and so on.

Namun sekarang dengan Firebase 9 kami hanya menginisialisasi aplikasi satu kali dan menggunakan objek ini dalam fungsi firebase yang berbeda. Objek db (firestore), storgae (penyimpanan cloud), auth (layanan otentikasi) akan digunakan dalam file individual lainnya.

Layanan autentikasi

Dengan firebase 9, fungsinya seperti

createUserWithEmailAndPassword 
signInWithEmailAndPassword
onAuthStateChanged
updatePassword 
sendPasswordResetEmail
signOut

digunakan sebagai fungsi individual di mana kita dapat meneruskan parameter khusus.

Di firebase 8, membuat pengguna baru akan terlihat seperti —

firebase.auth().createUserWithEmailAndPassword(email, password)
  .then((userCredential) => { 
    return userCredential.user; 
  })
  .catch((error) => { 
    return error;
  });

dengan firebase.auth adalah objek aplikasi yang diinisialisasi

Sekarang di Firebase 9 yang perlu Anda lakukan

createUserWithEmailAndPassword(auth, email, password)
  .then((userCredential) => {
    return userCredential.user;
  })
  .catch((error) => {
    return error;
  });

dengan autentikasi adalahobjek aplikasi yang diinisialisasi

Modularitas yang sama telah diterapkan pada semua fungsi firebase yang ada. Ini termasuk fungsi dari firestore, penyimpanan, dan juga otentikasi.

Contoh lain dari layanan autentikasi bergaya firebase-9 adalah

Perubahan besar yang dibeli firebase 9 adalah sintaksis yang kami gunakan sebelumnya. Saya merasa ini merupakan kemajuan besar dibandingkan fleksibilitas. Beberapa contoh lain (juga tersedia di repositori di atas, saya akan memperbaruinya dengan fungsi yang lebih siap pakai) dari layanan lainnya adalah

layanan pemadam kebakaran

Layanan Penyimpanan

Ada banyak fungsi yang tersedia di firebase. Ini adalah yang paling umum dan saya harap dapat membantu Anda ketika Anda memulai proyek firebase baru Anda. Juga repositori jika Anda ingin mengkloning tersedia di atas yang dari waktu ke waktu saya mungkin memperbarui dengan fungsi yang lebih baru. Saya juga akan membagikan kode yang mungkin Anda perlukan untuk melakukan beberapa pertanyaan kompleks saat menggunakan layanan firestore dan menambahkannya ke repositori yang sama.