วิธีอื่นในการเพิ่ม Firebase ในโครงการ JavaScript ของคุณ

สำหรับเว็บแอป Firebase ส่วนใหญ่ เราขอแนะนำอย่างยิ่งให้ใช้ SDK เวอร์ชัน 9 ผ่าน npm อย่างไรก็ตาม สำหรับผู้ใช้ที่มีข้อกำหนดพิเศษ Firebase มี วิธีอื่นในการเพิ่ม SDK หน้านี้แสดงคำแนะนำการตั้งค่าโดยละเอียดสำหรับวิธีทางเลือกเหล่านี้:

  • CDN (เครือข่ายการจัดส่งเนื้อหา)
  • npm สำหรับแอป Node.js

คุณสามารถเพิ่ม ไลบรารีที่มี สำหรับเวอร์ชัน 9 ลงในแอปของคุณได้โดยใช้วิธีการเหล่านี้

จาก CDN

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

  1. หากต้องการรวม เฉพาะผลิตภัณฑ์ 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.8.4/firebase-app.js'
    
        // If you enabled Analytics in your project, add the Firebase SDK for Google Analytics
        import { analytics } from 'https://www.gstatic.com/firebasejs/9.8.4/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.8.4/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.8.4/firebase-firestore.js'
      </script>
    </body>
    
  2. เพิ่มวัตถุการกำหนดค่า 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

  1. ติดตั้ง Firebase JavaScript SDK:

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

      npm init
    2. ติดตั้งแพ็คเกจ firebase npm และบันทึกลงในไฟล์ package.json ของคุณโดยเรียกใช้:

      npm install --save firebase@9.8.4
  2. ใช้ตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้เพื่อใช้โมดูล 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";
      
  3. เพิ่มวัตถุการกำหนดค่า 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);