Menyepadukan Firebase SDK
Fahami cara menambahkan Firebase SDK ke dalam aplikasi anda dan memulakannya untuk digunakan dengan pelbagai perkhidmatan
Menyepadukan Firebase SDK ialah pelajaran Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata percuma di CoddyKit. Ini ialah pelajaran 3 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata merangkumi sejumlah 4 pelajaran.
Kit Alat Firebase Aplikasi Anda
Firebase SDK (Kit Pembangunan Perisian) ialah kit alat yang diberikan oleh Firebase kepada anda — kod dan alat yang membolehkan aplikasi anda berkomunikasi dengan perkhidmatan Firebase.
Mengapa Menyepadukan SDK?
Mengapa menggunakan kit alat ini? Tanpa Firebase SDK, aplikasi anda tidak dapat mengakses Firebase. SDK ialah penghubung kepada pengesahan, pangkalan data, storan dan perkhidmatan lain.
SDK untuk Platform Berbeza
Setiap platform mempunyai SDK sendiri: JavaScript untuk web, Java/Kotlin untuk Android, Swift untuk iOS dan SDK pembalut untuk Flutter atau React Native.
Web: Menambah SDK melalui CDN
Untuk web, cara paling mudah untuk menambah SDK ialah menggunakan tag skrip yang memuatkan Firebase daripada CDN. Sertakan hanya produk yang benar-benar akan anda gunakan.
<!-- The core Firebase JS SDK must be loaded first -->
<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js"></script>
<!-- Add Firebase products you want to use -->
<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-auth-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-firestore-compat.js"></script>Objek Konfigurasi Firebase Anda
Aplikasi anda perlu mengetahui projek yang hendak diakses, dan maklumat itu berada dalam objek firebaseConfig — kunci API, ID projek dan banyak lagi — yang terdapat dalam tetapan Projek.
const firebaseConfig = {
apiKey: "YOUR_API_KEY",
authDomain: "YOUR_AUTH_DOMAIN",
projectId: "YOUR_PROJECT_ID",
storageBucket: "YOUR_STORAGE_BUCKET",
messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
appId: "YOUR_APP_ID"
};Memulakan Firebase dalam Web
Selepas SDK dimuatkan dan konfigurasi anda tersedia, mulakan Firebase dengan memanggil firebase.initializeApp(config) untuk membuka sambungan.
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
// Now Firebase is ready to use!
// For example, you could then get the Auth service:
// const auth = firebase.auth();Cuba: Contoh Pemulaan Web Lengkap
Berikut ialah halaman HTML minimum yang lengkap, yang memuatkan SDK melalui CDN dan memulakannya. Gantikan nilai konfigurasi dengan nilai sebenar anda dan lihat konsol.
<!DOCTYPE html>
<html>
<head>
<title>Firebase Web Init</title>
</head>
<body>
<h1>Check the Console!</h1>
<!-- Firebase SDKs - make sure these are correct versions -->
<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-auth-compat.js"></script>
<script>
// Your web app's Firebase configuration (replace with your actual config)
const firebaseConfig = {
apiKey: "AIzaSyC...", // Your actual API Key
authDomain: "your-project-id.firebaseapp.com",
projectId: "your-project-id",
storageBucket: "your-project-id.appspot.com",
messagingSenderId: "1234567890",
appId: "1:1234567890:web:abcdef123456"
};
// Initialize Firebase
const app = firebase.initializeApp(firebaseConfig);
console.log("Firebase app initialized successfully!");
console.log(app); // You can inspect the initialized app object
// Now you can access Firebase services, e.g.:
// const auth = firebase.auth();
// console.log("Firebase Auth service ready.");
</script>
</body>
</html>Mengakses Perkhidmatan Firebase
Selepas pemulaan, dapatkan perkhidmatan yang anda perlukan — seperti getAuth(app) atau getFirestore(app) — daripada tika app yang telah dimulakan.
import { initializeApp } from "firebase/app";
import { getAuth } from "firebase/auth"; // For Authentication
import { getFirestore } from "firebase/firestore"; // For Firestore Database
const firebaseConfig = { /* ... your config ... */ };
// Initialize Firebase
const app = initializeApp(firebaseConfig);
// Get a reference to the Auth service
const auth = getAuth(app);
// Get a reference to the Firestore service
const db = getFirestore(app);
// Now 'auth' and 'db' are ready to be used in your app!Mengapa Pemulaan Sangat Penting
Pemulaan ialah proses jabat tangan: projectId anda memilih bahagian belakang, apiKey mengenal pasti aplikasi dan SDK menyediakan akses kepada perkhidmatan.
Semakan Pantas: Pemulaan SDK
Anda telah mempelajari tentang penyepaduan dan pemulaan SDK Firebase. Mari lihat sama ada anda boleh mengenal pasti langkah pertama yang betul untuk menyambungkan aplikasi web anda kepada Firebase.
Imbas Kembali: Penyepaduan SDK
Imbas kembali: Firebase SDK menyambungkan aplikasi anda, anda menambahnya melalui CDN untuk web, firebaseConfig menamakan projek dan initializeApp membuka sambungan.
Pelajari Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 11
- Pelajaran
- 44
Soalan Lazim
Adakah pelajaran “Menyepadukan Firebase SDK” percuma?
Ya — teks penuh “Menyepadukan Firebase SDK” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata, tingkat taraf kepada CoddyKit PRO. Kursus Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Menyepadukan Firebase SDK”?
Fahami cara menambahkan Firebase SDK ke dalam aplikasi anda dan memulakannya untuk digunakan dengan pelbagai perkhidmatan Anda berlatih Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 3 daripada 4.
Berapa lamakah pelajaran “Menyepadukan Firebase SDK” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata ini?
Ya. Setiap pelajaran Aplikasi Pengesahan Firebase dan Pangkalan Data Masa Nyata menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Pengenalan kepada Ekosistem Firebase
- Menyediakan Projek Pertama Anda
- Menyepadukan Firebase SDK
- Memahami Harga dan Pelan Firebase