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. Đang sử dụng Firebase Hosting và Cloud Functions for Firebase với các khung ứng dụng và dịch vụ vi mô mà bạn muốn sau đó triển khai chúng trong môi trường máy chủ được quản lý, an toàn.

Dịch vụ hỗ trợ trong bản dùng thử 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 web tĩnh (SSG)
  • Triển khai các ứng dụng web sử dụng tính năng Hiển thị phía máy chủ (SSR) – hiển thị 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 cần cung cấp thông tin về Dự án web và CLI thiết lập các tài nguyên phù hợp cho Web mà bạn đã chọn khung.

Trước khi bắt đầu

Trước khi bắt đầu triển khai ứng dụng trên Firebase, hãy xem lại 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 cách sử dụng phương thức ưa thích của bạ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 định sử dụng SSR)

Phục vụ tại địa phương

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

  1. Chạy firebase emulators:start trên cửa sổ dòng lệnh. Việc này giúp xây dựng ứng dụng và phân phát quảng cáo 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 trên Firebase Hosting

Khi bạn đã sẵn sàng chia sẻ 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:

  1. Chạy firebase deploy trên cửa sổ dòng lệnh.
  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 mà bạn muốn: