สำหรับเว็บแอป Firebase ส่วนใหญ่ เราขอแนะนำอย่างยิ่งให้ใช้ SDK ผ่าน npm อย่างไรก็ตาม สำหรับผู้ใช้ที่มีข้อกำหนดพิเศษ Firebase มีวิธีอื่นๆ ในการเพิ่ม SDK หน้านี้แสดงวิธีการตั้งค่าโดยละเอียดสำหรับวิธีอื่นๆ ต่อไปนี้
- CDN (เครือข่ายนำส่งข้อมูล)
- npm สำหรับแอป Node.js
เมื่อใช้วิธีการเหล่านี้ คุณจะสามารถเพิ่ม ไลบรารีที่มีอยู่ ลงในแอปได้
จาก 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/10.12.4/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/10.12.4/firebase-analytics.js' // Add Firebase products that you want to use import { getAuth } from 'https://www.gstatic.com/firebasejs/10.12.4/firebase-auth.js' import { getFirestore } from 'https://www.gstatic.com/firebasejs/10.12.4/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
ให้สร้างไฟล์โดยเรียกใช้คำสั่งต่อไปนี้จากรูทของโปรเจ็กต์ JavaScriptnpm init
ติดตั้งแพ็กเกจ
firebase
npm และบันทึกลงในไฟล์package.json
โดยเรียกใช้npm install --save firebase@10.12.4
ใช้ตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้เพื่อใช้โมดูล 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);