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!

Ini adalah jawatan ke -3 dalam siri kecil yang kami lakukan dalam kebolehcapaian bentuk. Jika anda terlepas jawatan kedua, lihat "Menguruskan Fokus Pengguna dengan: Fokus-Visible". Dalam

Tutorial ini menunjukkan mewujudkan bentuk JavaScript yang berpandangan profesional menggunakan rangka kerja pintar (nota: tidak lagi tersedia). Walaupun kerangka itu sendiri tidak tersedia, prinsip dan teknik tetap relevan untuk pembina bentuk lain.

CSS box-shadow dan garis besar sifat mendapat tema.json Sokongan dalam WordPress 6.1. Let ' s melihat beberapa contoh bagaimana ia berfungsi dalam tema sebenar, dan pilihan apa yang kita perlu gunakan gaya ini ke blok dan elemen WordPress.

Sekiranya anda baru -baru ini mula bekerja dengan GraphQL, atau mengkaji semula kebaikan dan keburukannya, anda tidak akan ragu -ragu mendengar perkara seperti "Graphql tidak menyokong caching" atau

API Peralihan Svelte menyediakan cara untuk menghidupkan komponen apabila mereka memasuki atau meninggalkan dokumen, termasuk peralihan svelte adat.

Dalam artikel ini kita akan menyelam ke dunia scrollbars. Saya tahu, ia tidak terdengar terlalu glamor, tetapi percayalah, halaman yang direka dengan baik

Berapa banyak masa yang anda habiskan untuk merancang persembahan kandungan untuk laman web anda? Semasa anda menulis catatan blog baru atau membuat halaman baru, adakah anda memikirkan

Perintah NPM menjalankan pelbagai tugas untuk anda, sama ada sebagai satu-satunya atau proses berjalan terus untuk perkara seperti memulakan pelayan atau menyusun kod.


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

MantisBT
Mantis ialah alat pengesan kecacatan berasaskan web yang mudah digunakan yang direka untuk membantu dalam pengesanan kecacatan produk. Ia memerlukan PHP, MySQL dan pelayan web. Lihat perkhidmatan demo dan pengehosan kami.

MinGW - GNU Minimalis untuk Windows
Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.

Versi Mac WebStorm
Alat pembangunan JavaScript yang berguna

Pelayar Peperiksaan Selamat
Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.
