Những cách khác để thêm Firebase vào dự án JavaScript

Đối với hầu hết các ứng dụng Firebase Web, bạn nên sử dụng SDK thông qua npm. Tuy nhiên, đối với những người dùng có yêu cầu đặc biệt, Firebase cung cấp các cách khác để thêm SDK. Trang này cung cấp hướng dẫn thiết lập chi tiết cho các phương thức thay thế sau:

CDN (mạng phân phối nội dung)
npm cho ứng dụng Node.js

Khi sử dụng các phương thức này, bạn có thể thêm bất kỳ thư viện có sẵn nào vào ứng dụng của mình.

Từ CDN

Bạn có thể định cấu hình việc nhập một phần SDK Firebase JavaScript và chỉ tải các sản phẩm Firebase mà bạn cần. Firebase lưu trữ từng thư viện của SDK Firebase JavaScript trên CDN (mạng phân phối nội dung) toàn cầu của chúng tôi.

Để chỉ đưa vào các sản phẩm Firebase cụ thể (ví dụ: Authentication và Cloud Firestore), hãy thêm tập lệnh sau vào cuối thẻ <body>, nhưng trước khi bạn sử dụng bất kỳ dịch vụ Firebase nào:

<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.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/11.3.0/firebase-analytics.js'

    // Add Firebase products that you want to use
    import { getAuth } from 'https://www.gstatic.com/firebasejs/11.3.0/firebase-auth.js'
    import { getFirestore } from 'https://www.gstatic.com/firebasejs/11.3.0/firebase-firestore.js'
  </script>
</body>

Thêm đối tượng cấu hình Firebase, sau đó khởi chạy Firebase trong ứng dụng:

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

Ứng dụng Node.js

Cài đặt SDK Firebase JavaScript:
1. Nếu bạn chưa có tệp package.json, hãy tạo tệp bằng cách chạy lệnh sau từ thư mục gốc của dự án JavaScript:
```
npm init
```
2. Cài đặt gói npm firebase và lưu gói đó vào tệp package.json bằng cách chạy:
```
npm install --save firebase@11.3.0
```
Sử dụng một trong các cách sau để sử dụng mô-đun Firebase trong ứng dụng:
- Bạn có thể require các mô-đun từ bất kỳ tệp JavaScript nào
  
  Để chỉ đưa vào các sản phẩm Firebase cụ thể (như Authentication và 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");
```
  Bao gồm toàn bộ SDK Firebase JavaScript, thay vì các SDK riêng lẻ (không nên dùng cho ứng dụng phát hành công khai)
  
  Việc tải toàn bộ SDK không hiệu quả đối với các ứng dụng web chính thức.
  Chỉ sử dụng tuỳ chọn này cho mục đích phát triển.
```
var firebase = require("firebase");
```
- Bạn có thể sử dụng ES2015 cho các mô-đun import
  
  Để chỉ đưa vào các sản phẩm Firebase cụ thể (như Authentication và 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";
```
  Thêm toàn bộ SDK Firebase JavaScript thay vì các SDK riêng lẻ (không nên dùng cho ứng dụng chính thức)
  
  Việc tải toàn bộ SDK không hiệu quả đối với các ứng dụng web chính thức.
  Chỉ sử dụng tuỳ chọn này cho mục đích phát triển.
```
import firebase from "firebase";
```
  Lưu ý: Việc sử dụng trực tiếp cú pháp import với Node.js là một tính năng thử nghiệm, nhưng bạn có thể chuyển đổi sang định dạng CommonJS (cú pháp require) bằng cách sử dụng các trình biên dịch như Babel.

Thêm đối tượng cấu hình Firebase, sau đó khởi chạy Firebase trong ứng dụng:

import { initializeApp } from 'firebase/app';

// TODO: Replace the following with your app's Firebase project configuration
const firebaseConfig = {
  //...
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);