Kursus Crash Firebase

Panduan pemaju depan ini membongkar misteri Firebase. Kami akan meneroka keupayaan Firebase, manfaatnya, dan contoh praktikal. Tetapi pertama, sejarah ringkas ...

Lapan tahun yang lalu, Andrew Lee dan James Tamplin melancarkan Envolve, permulaan sembang masa nyata. Kejayaannya, yang didorong oleh pengguna selebriti seperti Ricky Martin dan Limp Bizkit, berpunca daripada kemudahan penggunaannya dan penghantaran mesej yang cepat. Envolve adalah widget sembang mudah -tag skrip ditambahkan ke halaman yang dikendalikan segala -galanya. Ia secara berkesan menyediakan pangkalan data dan pelayan yang telah dibina untuk mesej sembang.

Apabila Envolve berkembang, trend yang mengejutkan muncul: pemaju menggunakan widget (sering tidak dapat dilihat) bukan hanya untuk berbual, tetapi untuk pelbagai tujuan -data, skor tinggi, tetapan aplikasi, dan banyak lagi. Mereka memanfaatkan keupayaan masa nyata widget untuk penyegerakan data yang lancar, melangkaui keperluan untuk pembangunan back-end kompleks.

Epiphany ini membawa kepada penciptaan Firebase. Pengasas membayangkan platform memberi kuasa kepada pemaju untuk membina dan skala aplikasi dengan cepat, menghapuskan beban infrastruktur back-end dan membolehkan mereka menumpukan perhatian pada bahagian depan.

Memahami firebase

Adakah Firebase hanya pangkalan data? Tidak sepenuhnya. Walaupun pada mulanya pangkalan data awan masa nyata, Firebase telah berkembang menjadi platform yang komprehensif yang merangkumi infrastruktur untuk pemaju dan alat untuk pemasar. Pada masa ini, ia mempunyai 19 produk bersepadu, masing -masing direka untuk menyokong aspek pembangunan aplikasi khusus dan memberikan pandangan yang berharga dalam prestasi aplikasi dan tingkah laku pengguna. Produk ini boleh digunakan secara individu atau secara kolektif untuk membentuk penyelesaian back-end lengkap.

Inilah gambaran mengenai persembahan Firebase yang pelbagai:

• Hosting: Penyebaran kemas kini laman web dengan setiap permintaan tarik github.
• Firestore: Fungsi pangkalan data masa nyata, walaupun di luar talian, tanpa pengurusan pelayan.
• AUTH: Pengesahan dan Pengurusan Pengguna menggunakan pelbagai pembekal.
• Penyimpanan: Penyimpanan selamat untuk kandungan yang dihasilkan oleh pengguna (imej, video, dll.).
• Fungsi awan: Fungsi tanpa pelayan yang dicetuskan oleh peristiwa (penciptaan data, pendaftaran pengguna, dan lain -lain).
• Sambungan: Fungsi pra-bina dengan antara muka pengguna (contohnya, pembayaran jalur, perkhidmatan terjemahan).
• Google Analytics: Penjejakan dan analisis aktiviti pengguna yang komprehensif.
• Konfigurasi jauh: Kedai nilai kunci dinamik untuk bendera ciri dan ujian A/B.
• Pemantauan Prestasi: Metrik prestasi terperinci dan jejak tersuai.
• Pemesejan awan: Pemberitahuan push silang platform.

Ini hanya sebahagian kecil daripada keupayaan Firebase. Anda tidak perlu menggunakan setiap perkhidmatan; Memilih alat yang berkaitan untuk projek anda boleh diterima dengan sempurna. Mari kita menyelidiki aplikasi praktikal.

Bahagian berikut akan membimbing anda melalui menubuhkan Firebase dan menunjukkan ciri -cirinya menggunakan contoh tertanam. Ini adalah gambaran keseluruhan peringkat tinggi, bukan tutorial langkah demi langkah. Untuk tutorial terperinci, tinggalkan komen!

Menyediakan Firebase

Bahagian ini adalah penting jika anda merancang untuk mengintegrasikan aplikasi demo dengan akhir firebase anda sendiri. Langkau ini jika anda biasa dengan projek Firebase.

Firebase adalah berasaskan awan, yang memerlukan persediaan akaun awal. Walau bagaimanapun, pembangunan boleh berlaku di luar talian menggunakan emulator tempatan. Panduan ini menggunakan codepen, memerlukan sambungan awan. Proses ini melibatkan membuat projek firebase dan mengambil konfigurasi yang diperlukan untuk integrasi front-end.

Membuat projek Firebase

Navigasi ke konsol Firebase. Anda boleh melangkau persediaan Google Analytics buat masa ini.

Membuat aplikasi Web Firebase

Buat aplikasi web baru dan berikan nama itu. Projek Firebase boleh mengandungi pelbagai aplikasi. Selepas penciptaan, anda akan menerima objek konfigurasi:

 Biarkan FireBaseConFig = {
  Apikey: "kunci anda",
  AuthDomain: "your-domain.firebaseapp.com",
  ProjectID: "ProjectID anda",
  StorageBucket: "anda-projectid.appspot.com",
  MessagingsenderId: "Senderid anda",
  appid: "mohon anda",
  PengukuranDID: "pengukuran anda"
};

Konfigurasi ini menghubungkan bahagian depan anda ke Firebase. Termasuk sifat-sifat ini dalam kod front-end anda adalah selamat. Mekanisme keselamatan akan dijelaskan kemudian.

Sekarang, mari kita mewakili aplikasi ini dalam kod. Aplikasi ini bertindak sebagai bekas untuk logik dan pengesahan bersama di seluruh perkhidmatan Firebase. Kami akan menggunakan perpustakaan Firebase dari CDN (walaupun modul modul juga disokong).

 // Pen ini menambah firebase melalui pilihan "tambah skrip luaran" di codepen
// https://www.gstatic.com/firebasejs/8.2.10/firebase-app.js
// https://www.gstatic.com/firebasejs/8.2.10/firebase-auth.js

// Buat projek di Konsol Firebase
// (console.firebase.google.com)
Biarkan FireBaseConFig = {
  Apikey: "kunci anda",
  AuthDomain: "your-domain.firebaseapp.com",
  ProjectID: "ProjectID anda",
  StorageBucket: "anda-projectid.appspot.com",
  MessagingsenderId: "Senderid anda",
  appid: "mohon anda",
  PengukuranDID: "pengukuran anda"
};

// Buat aplikasi Firebase anda
biarkan firebaseApp = firebase.initializeapp (firebaseconfig);
// contoh auth
console.log (firebaseapp.auth ());

Seterusnya, aktifkan perkhidmatan Firebase yang diperlukan.

Membolehkan penyedia pengesahan

Contohnya menggunakan pengesahan untuk log masuk pengguna dan keselamatan data. Pada mulanya, penyedia pengesahan dilumpuhkan atas sebab keselamatan. Dayakan Google dan kaedah log masuk tanpa nama dalam tab Pengesahan. Ingatlah untuk menambah Codepen sebagai domain yang diberi kuasa untuk tujuan ujian (tetapi keluarkannya dalam pengeluaran).

Membuat pangkalan data Firestore

Buat pangkalan data Firestore dalam "Mod Ujian." Keselamatan akan ditangani kemudian.

Sekarang, mari kita meneroka kes penggunaan dunia sebenar.

Pengesahan Pengguna

Fungsi aplikasi sering memerlukan akaun pengguna. Mari kita meneroka pengesahan tanpa nama dan Google Log masuk.

Pengesahan Tanpa Nama

Pengesahan tanpa nama Firebase membolehkan pengguna mengakses aplikasinya tanpa pendaftaran, menyediakan pengguna sementara untuk persatuan data.

(Contoh kod yang menunjukkan kemas kini log masuk dan profil tanpa nama yang ditinggalkan untuk keringkasan)

Pengesahan Google

Masuk Google berfungsi sama seperti pengesahan tanpa nama.

(Contoh kod yang menunjukkan log masuk Google yang ditinggalkan untuk keringkasan)

Memantau keadaan pengesahan

Kaedah onAuthStateChanged menjejaki perubahan pengesahan, membolehkan kemas kini UI berdasarkan status log masuk.

(Contoh Kod Menunjukkan onAuthStateChanged ditinggalkan untuk keringkasan)

Menukar tetamu ke pengguna tetap

Akaun tetamu boleh ditingkatkan ke akaun tetap menggunakan linkWithRedirect .

(Contoh kod yang menunjukkan penggabungan akaun yang ditinggalkan untuk keringkasan)

Mengendalikan kesilapan menggabungkan akaun

Pengendalian ralat adalah penting semasa penggabungan akaun.

(Contoh kod yang menunjukkan pengendalian ralat yang ditinggalkan untuk keringkasan)

Visualisasi data dan aliran data masa nyata

Bahagian ini memberi tumpuan kepada membuat carta pai dan menyegerakkannya dengan data Firestore.

(Penjelasan Conic-Gradient dan CSS Custom Ciri-ciri yang Ditinggalkan Untuk Kekurangan)

(Contoh kod yang menunjukkan pengambilan data FireStore dan kemas kini carta pai yang ditinggalkan untuk keringkasan)

Pemodelan data dalam pangkalan data NoSQL

Firestore adalah pangkalan data dokumen NoSQL dengan struktur hierarki koleksi dan dokumen. Pemodelan data melibatkan penstrukturan data dengan berkesan menggunakan koleksi dan sub-koleksi.

(Contoh kod yang menunjukkan pengambilan data FireStore dan pertanyaan yang ditinggalkan untuk keringkasan)

Data streaming ke visualisasi

Kaedah FireStore's .onSnapshot() membolehkan streaming data masa nyata.

(Contoh kod yang menunjukkan streaming data masa nyata yang ditinggalkan untuk keringkasan)

Mengamankan pangkalan data anda dengan Peraturan Keselamatan Firebase

Peraturan keselamatan mengawal akses data di Firebase. Mereka dinilai pada pelayan untuk setiap permintaan.

(Penjelasan Peraturan Keselamatan dan Contoh yang Dihapus Untuk Kekurangan)

Kesimpulan

Panduan ini telah meliputi pengesahan pengguna, pemodelan data, penyegerakan data masa nyata, dan keselamatan pangkalan data menggunakan Firebase. Ingatlah untuk meneroka sumber -sumber firebase tambahan untuk pembelajaran selanjutnya. Firebase memudahkan pengurusan back-end, yang membolehkan pemaju memberi tumpuan kepada bahagian depan.

Atas ialah kandungan terperinci Kursus Crash Firebase. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!