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!

Artikel membincangkan harta margin CSS, khususnya "Margin: 40px 100px 120px 80px", permohonannya, dan kesan pada susun atur halaman web.

Artikel ini membincangkan sifat sempadan CSS, memberi tumpuan kepada penyesuaian, amalan terbaik, dan respons. Hujah utama: Radius sempadan adalah yang paling berkesan untuk reka bentuk responsif.

Artikel ini membincangkan sifat latar belakang CSS, kegunaan mereka dalam meningkatkan reka bentuk laman web, dan kesilapan umum untuk dielakkan. Fokus utama adalah pada reka bentuk responsif menggunakan saiz latar belakang.

Artikel membincangkan warna CSS HSL, penggunaannya dalam reka bentuk web, dan kelebihan RGB. Tumpuan utama adalah untuk meningkatkan reka bentuk dan kebolehcapaian melalui manipulasi warna intuitif.

Artikel ini membincangkan penggunaan komen dalam CSS, memperincikan sintaksis komen tunggal dan multi-line. Ia berpendapat bahawa komen meningkatkan kebolehbacaan kod, kebolehkerjaan, dan kerjasama, tetapi mungkin memberi kesan kepada prestasi laman web jika tidak diuruskan dengan betul.

Artikel ini membincangkan pemilih CSS, jenis mereka, dan penggunaan untuk elemen HTML gaya. Ia membandingkan pemilih ID dan kelas dan menangani masalah prestasi dengan pemilih yang kompleks.

Artikel ini membincangkan keutamaan CSS, memberi tumpuan kepada gaya inline yang mempunyai kekhususan tertinggi. Ia menerangkan tahap kekhususan, kaedah utama, dan alat penyahpepijatan untuk menguruskan konflik CSS.

Artikel membincangkan tiga kaedah untuk menambah CSS ke HTML: inline, dalaman, dan luaran. Kesan setiap kaedah terhadap prestasi laman web dan kesesuaian untuk pemula dianalisis. (159 aksara)


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

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

PhpStorm versi Mac
Alat pembangunan bersepadu PHP profesional terkini (2018.2.1).

SecLists
SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.

SublimeText3 versi Inggeris
Disyorkan: Versi Win, menyokong gesaan kod!
