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

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

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

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

จาก CDN

คุณสามารถกำหนดค่าการนำเข้าบางส่วนของ Firebase JavaScript SDK และโหลดเฉพาะ ผลิตภัณฑ์ Firebase ที่คุณต้องการ Firebase จะจัดเก็บไลบรารีของแต่ละ SDK JavaScript Firebase รายการบน 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/10.13.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/10.13.1/firebase-analytics.js'

    // Add Firebase products that you want to use
    import { getAuth } from 'https://www.gstatic.com/firebasejs/10.13.1/firebase-auth.js'
    import { getFirestore } from 'https://www.gstatic.com/firebasejs/10.13.1/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. ติดตั้ง SDK JavaScript Firebase ดังนี้

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

      npm init

    2. ติดตั้งแพ็กเกจ firebase npm และบันทึกไว้ใน package.json โดยการเรียกใช้:

      npm install --save firebase@10.13.1

  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");


    • คุณสามารถใช้ ES2015 ถึง 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";

  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);