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 hiện đại phổ biến trên web, bao gồm cả 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 ưa thích, sau đó triển khai chúng trong một 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 ứ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 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 lê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. Đảm bảo cài đặt CLI bằng phương thức bạn muốn.
  • Không bắt buộc: Tính năng thanh toán được bật 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 và phân phát ứng dụng bằng Firebase CLI.
  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 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 lên trang web trực tiếp:

  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

Xem hướng dẫn chi tiết cho khung bạn muốn: