Tích hợp framework web với Hosting

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. Bằng cách sử dụng Dịch vụ lưu trữ Firebase và Chức năng đám mây cho Firebase với các khung này, bạn có thể phát triển ứng dụng và vi dịch vụ trong môi trường khung ưa thích của mình, sau đó triển khai chúng trong môi trường máy chủ an toàn, được quản lý.

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 các ứ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 tĩnh (SSG)
  • Triển khai các ứng dụng Web sử dụng Kết xuất phía máy chủ (SSR)—kết xuất máy chủ đầy đủ theo yêu cầu

Firebase cung cấp chức năng này thông qua Firebase CLI. Khi khởi tạo 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 bạn đã chọn.

Trước khi bắt đầu

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

  • Firebase CLI phiên bản 12.1.0 trở lên. Đảm bảo cài đặt CLI bằng phương pháp ưa thích của bạn.
  • Tùy chọn: Đã 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ục vụ tại địa phương

Bạn có thể kiểm tra tính năng tích hợp cục bộ của mình 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. Việc này sẽ xây dựng và phân phát ứng dụng của bạn bằng Firebase CLI.
  2. Mở ứng dụng web của bạn tại URL cục bộ được 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ẻ những thay đổi của mình với mọi người, hãy triển khai ứng dụng lên trang web trực tiếp 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 tên miền tùy chỉnh của bạn, nếu bạn thiết lập một tên miền).

Bước tiếp theo

Xem hướng dẫn chi tiết cho khung ưa thích của bạn: