Tích hợp các khung web với tính năng Lưu trữ

Dịch vụ Lưu trữ Firebase tích hợp với các khung web hiện đại, phổ biến, bao gồm cả Angular và Next.js. Sử dụng tính năng Lưu trữ Firebase và Cloud Functions cho 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 những 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 Giao diện dòng lệnh (CLI) của Firebase. Khi khởi chạy Khi lưu trữ trên dòng lệnh, bạn sẽ 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 của bạn và phân phát quảng cáo bằng giao diện dòng lệnh (CLI) của 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 của bạn cho tính năng Lưu trữ Firebase

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 này).

Các bước tiếp theo

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