สำหรับเว็บแอป Firebase ส่วนใหญ่ เราขอแนะนำอย่างยิ่งให้ใช้ SDK เวอร์ชัน 9 ผ่าน npm อย่างไรก็ตาม สำหรับผู้ใช้ที่มีข้อกำหนดพิเศษ Firebase มี วิธีอื่นในการเพิ่ม SDK หน้านี้แสดงคำแนะนำการตั้งค่าโดยละเอียดสำหรับวิธีทางเลือกเหล่านี้:
- CDN (เครือข่ายการจัดส่งเนื้อหา)
- npm สำหรับแอป Node.js
คุณสามารถเพิ่ม ไลบรารีที่มี สำหรับเวอร์ชัน 9 ลงในแอปของคุณได้โดยใช้วิธีการเหล่านี้
จาก CDN
คุณกำหนดค่าการนำเข้าบางส่วนของ Firebase JavaScript SDK และโหลดเฉพาะผลิตภัณฑ์ Firebase ที่คุณต้องการได้ Firebase จัดเก็บแต่ละไลบรารีของ Firebase JavaScript SDK บน CDN ทั่วโลกของเรา (เครือข่ายการส่งเนื้อหา)
หากต้องการรวม เฉพาะผลิตภัณฑ์ Firebase ที่เฉพาะเจาะจง (เช่น การตรวจสอบสิทธิ์และ Cloud Firestore) ให้เพิ่มสคริปต์ต่อไปนี้ที่ด้านล่างของแท็ก
<body>
แต่ก่อนที่คุณจะใช้บริการ Firebase<body> <!-- Insert this script at the bottom of the HTML, but before you use any Firebase services --> <script type="module"> import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.22.1/firebase-app.js' // If you enabled Analytics in your project, add the Firebase SDK for Google Analytics import { getAnalytics } from 'https://www.gstatic.com/firebasejs/9.22.1/firebase-analytics.js' // Add Firebase products that you want to use import { getAuth } from 'https://www.gstatic.com/firebasejs/9.22.1/firebase-auth.js' import { getFirestore } from 'https://www.gstatic.com/firebasejs/9.22.1/firebase-firestore.js' </script> </body>
เพิ่มวัตถุการกำหนดค่า Firebase แล้วเริ่มต้น Firebase ในแอปของคุณ:
<body> <script type="module"> // ... // TODO: Replace the following with your app's Firebase project configuration const firebaseConfig = { // ... }; // Initialize Firebase const app = initializeApp(firebaseConfig); </script> </body>
แอพ Node.js
ติดตั้ง Firebase JavaScript SDK:
หากคุณยังไม่มีไฟล์
package.json
ให้สร้างขึ้นโดยเรียกใช้คำสั่งต่อไปนี้จากรูทของโปรเจ็กต์ JavaScript ของคุณ:npm init
ติดตั้งแพ็คเกจ
firebase
npm และบันทึกลงในไฟล์package.json
ของคุณโดยเรียกใช้:npm install --save firebase@9.22.1
ใช้ตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้เพื่อใช้โมดูล Firebase ในแอปของคุณ:
คุณสามารถ
require
โมดูลจากไฟล์ JavaScript ใดก็ได้หากต้องการรวม เฉพาะผลิตภัณฑ์ Firebase เฉพาะ (เช่น การตรวจสอบสิทธิ์และ Cloud Firestore):
// Firebase App (the core Firebase SDK) is always required and // must be listed before other Firebase SDKs var firebase = require("firebase/app"); // Add the Firebase products that you want to use require("firebase/auth"); require("firebase/firestore");
คุณสามารถใช้ ES2015 เพื่อ
import
โมดูลหากต้องการรวม เฉพาะผลิตภัณฑ์ Firebase เฉพาะ (เช่น การตรวจสอบสิทธิ์และ Cloud Firestore):
// Firebase App (the core Firebase SDK) is always required and // must be listed before other Firebase SDKs import firebase from "firebase/app"; // Add the Firebase services that you want to use import "firebase/auth"; import "firebase/firestore";
เพิ่มวัตถุการกำหนดค่า Firebase แล้วเริ่มต้น Firebase ในแอปของคุณ:
import { initializeApp } from 'firebase/app'; // TODO: Replace the following with your app's Firebase project configuration const firebaseConfig = { //... }; // Initialize Firebase const app = initializeApp(firebaseConfig);