วิธีอื่นๆ ในการเพิ่ม Firebase ลงในโปรเจ็กต์ JavaScript

จาก CDN

คุณสามารถกำหนดค่าการนำเข้าบางส่วนของ SDK Firebase JavaScript และโหลดเฉพาะผลิตภัณฑ์ Firebase ที่ต้องการได้ Firebase จะจัดเก็บไลบรารีแต่ละรายการของ SDK Firebase JavaScript ไว้ใน CDN (เครือข่ายนำส่งข้อมูล) ทั่วโลกของเรา

1. หากต้องการรวมเฉพาะผลิตภัณฑ์ Firebase บางรายการ (เช่น Authentication และ 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/13.2.0/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/13.2.0/firebase-analytics.js'
   
       // Add Firebase products that you want to use
       import { getAuth } from 'https://www.gstatic.com/firebasejs/13.2.0/firebase-auth.js'
       import { getFirestore } from 'https://www.gstatic.com/firebasejs/13.2.0/firebase-firestore.js'
     </script>
   </body>

2. เพิ่มออบเจ็กต์การกำหนดค่า Firebase แล้วเริ่มต้น Firebase ในแอปของคุณโดยทำดังนี้

   <body>
     <script type="module">
       // ...
   
       // TODO: Replace the following with your app's Firebase configuration
       const firebaseConfig = {
         // ...
       };
   
       // Initialize Firebase
       const app = initializeApp(firebaseConfig);
     </script>
   </body>

แอป Node.js

1. ติดตั้ง SDK ของ Firebase JavaScript โดยทำดังนี้

   1. หากยังไม่มีไฟล์ package.json ให้สร้างโดยเรียกใช้คำสั่งต่อไปนี้จากรูทของโปรเจ็กต์ JavaScript

      npm init

   2. ติดตั้งแพ็กเกจ firebase npm และบันทึกลงในไฟล์ package.json โดยเรียกใช้คำสั่งต่อไปนี้

      npm install --save firebase@13.2.0

2. ใช้ตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้เพื่อใช้โมดูล Firebase ในแอป

   • คุณสามารถrequireโมดูลจากไฟล์ JavaScript ใดก็ได้

     หากต้องการรวมเฉพาะผลิตภัณฑ์ Firebase บางรายการ (เช่น Authentication และ 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");
     

     รวม SDK ของ Firebase JavaScript ทั้งหมด แทนที่จะรวม SDK แต่ละรายการ (ไม่แนะนำสำหรับแอปเวอร์ชันที่ใช้งานจริง)

     var firebase = require("firebase");

     
     

   • คุณสามารถใช้ไวยากรณ์ ESM เพื่อimportโมดูล

     หากต้องการรวมเฉพาะผลิตภัณฑ์ Firebase บางรายการ (เช่น Authentication และ 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";
     

     รวม SDK ของ Firebase JavaScript ทั้งหมด แทนที่จะรวม SDK แต่ละรายการ (ไม่แนะนำสำหรับแอปเวอร์ชันที่ใช้งานจริง)

     import firebase from "firebase";

3. เพิ่มออบเจ็กต์การกำหนดค่า Firebase แล้วเริ่มต้น Firebase ในแอปของคุณโดยทำดังนี้

   import { initializeApp } from 'firebase/app';
   
   // TODO: Replace the following with your app's Firebase configuration
   const firebaseConfig = {
     //...
   };
   
   // Initialize Firebase
   const app = initializeApp(firebaseConfig);