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 Angular và Next.js. Khi sử dụng tính năng Lưu trữ Firebase và Cloud Functions cho Firebase với các khung này, bạn có thể phát triển các ứng dụng và dịch vụ vi mô trong môi trường khung mà mình ưu tiên, sau đó triển khai chúng trong một môi trường máy chủ được quản lý, bảo mật.

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 động tính năng Lưu trữ 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ó của mình, đồng thời 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 cho Firebase, hãy xem xét 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 phương thức ưu tiên của bạn.
  • Không bắt buộc: Đã 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 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. Thao tác này sẽ tạo ra ứng dụng của bạn và phân phát ứng dụng 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 với mọi người, hãy triển khai ứng dụng trên trang web đang hoạt động của bạn:

  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: