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 các ứng dụng và vi dịch vụ trong môi trường khung ưu tiên của mình, sau đó triển khai chúng trong một môi trường máy chủ được quản lý và bảo mật.

Trong bản dùng thử sớm này, chúng tôi hỗ trợ các chức năng sau:

  • Triển khai các ứng dụng Web bao gồm nội dung tĩnh trên web
  • Triển khai các ứ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 các ứ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 đầy đủ phía máy chủ theo yêu cầu

Firebase cung cấp chức năng này thông qua CLI Firebase. Khi khởi động 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ó của mình 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 lên Firebase, hãy xem xét các yêu cầu và lựa chọn sau:

  • Firebase CLI phiên bản 12.1.0 trở lên. Đảm bảo bạn 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 cho dự án Firebase của bạn (bắt buộc nếu bạn dự định sử dụng SSR)

Phân phát tại địa phương

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 tại URL cục bộ do CLI trả về (thường là http://localhost:5000).

Triển khai ứng dụng trê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 cho trang web đang hoạt động của bạn:

  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 nhóm 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ó một 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ó một 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ó một dự án có mã nhận dạng là 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 hình mà bạn muốn: