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

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

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

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

จาก CDN แอป Node.js

คุณสามารถกําหนดค่าการนําเข้าบางส่วนของ Firebase JavaScript SDK และโหลดเฉพาะผลิตภัณฑ์ Firebase ที่ต้องการ Firebase จัดเก็บไลบรารีแต่ละรายการของ Firebase JavaScript SDK ใน 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/11.3.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/11.3.1/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/11.3.1/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/11.3.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>
  1. ติดตั้ง Firebase JavaScript SDK โดยทำดังนี้

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

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

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

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