Tích hợp các khung web với tính năng Lưu trữ

Firebase Hosting tích hợp với các khung web hiện đại phổ biến, bao gồm Angular và Next.js. Khi sử dụng Firebase Hosting và Cloud Functions for Firebase với các khung này, bạn có thể phát triển ứng dụng và dịch vụ vi mô trong môi trường khung mà bạn muốn, sau đó triển khai các ứng dụng và dịch vụ đó trong một môi trường máy chủ được quản lý và an toàn.

Hỗ trợ trong bản xem trước sớm này bao gồm các chức năng sau:

  • Triển khai ứng dụng web bao gồm nội dung web tĩnh
  • Triển khai ứng dụng web sử dụng tính năng kết xuất trước / Tạo trang web tĩnh (SSG)
  • Triển khai ứng dụng web sử dụng tính năng Kết xuất phía máy chủ (SSR) – kết xuất toàn bộ máy chủ theo yêu cầu

Firebase cung cấp chức năng này thông qua Firebase CLI. Khi khởi chạy Hosting trên dòng lệnh, bạn cung cấp thông tin về dự án web mới hoặc hiện có và CLI sẽ thiết lập các tài nguyên phù hợp cho khung web mà bạn chọn.

Trước khi bắt đầu

Trước khi bắt đầu triển khai ứng dụng của bạn lên Firebase, hãy xem các yêu cầu và lựa chọn sau:

  • Firebase CLI phiên bản 12.1.0 trở lên. Hãy nhớ cài đặt CLI bằng phương thức mà bạn muốn.
  • Không bắt buộc: Đã bật tính năng thanh toán trên dự án Firebase của bạn (bắt buộc nếu bạn dự định sử dụng SSR)

Phục vụ cục bộ

Bạn có thể kiểm thử quá trình tích hợp cục bộ bằng cách làm theo các bước sau:

  1. Chạy firebase emulators:start từ thiết bị đầu cuối. Thao tác này sẽ tạo ứng dụng của bạn và phân phát ứng dụng đó bằng CLI Firebase.
  2. Mở ứng dụng web của bạn tại URL cục bộ do CLI trả về (thường là http://localhost:5000).

Triển khai ứng dụng của bạn lên Firebase Hosting

Khi bạn đã sẵn sàng chia sẻ các thay đổi của mình với mọi người, hãy triển khai ứng dụng của bạn lên trang web đang hoạt động:

  1. Chạy firebase deploy từ thiết bị đầu cuối.
  2. Kiểm tra trang web của bạn trên: SITE_ID.web.app hoặc PROJECT_ID.web.app (hoặc miền tuỳ chỉnh của bạn, nếu bạn thiết lập một miền).

Định cấu hình các môi trường khác nhau

Bạn có thể triển khai nhiều bộ biến môi trường cho các môi trường dự án khác nhau, chẳng hạn như môi trường dàn dựng và môi trường phát hành công khai.

Giống như Cloud Functions cho Firebase, công cụ này hỗ trợ định dạng tệp dotenv để tải các biến môi trường được chỉ định trong tệp .env.

  • Nếu có bí danh dự án staging, bạn có thể triển khai các biến môi trường từ tệp .env.staging.
  • Nếu có bí danh dự án production, bạn có thể triển khai các biến môi trường từ tệp .env.production.
  • Nếu có dự án có mã PROJECT_ID, bạn có thể triển khai các biến môi trường từ tệp .env.PROJECT_ID.

Hãy xem tài liệu về Cloud Functions để biết hướng dẫn chi tiết.

Các bước tiếp theo

Hãy xem hướng dẫn chi tiết cho khung mà bạn muốn: