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 cả Angular và Next.js. Khi sử dụng Firebase HostingCloud 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 ưu tiên, sau đó triển khai các ứng dụng và dịch vụ vi mô đó trong môi trường máy chủ an toàn, được quản lý.

Dịch vụ 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 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 toàn bộ 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 chạy Hosting trên dòng lệnh, bạn sẽ 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 xét các yêu cầu và tuỳ 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ân phát cục bộ

Bạn có thể kiểm thử chế độ 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 và phân phát ứng dụng đó bằng cách sử dụ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 trên Firebase Hosting

Khi bạn đã sẵn sàng chia sẻ các thay đổi 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 miền tuỳ chỉnh).

Các bước tiếp theo

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