Bắt đầu sử dụng tính năng Lưu trữ Firebase

Firebase Hosting cung cấp cho bạn một cách nhanh chóng, an toàn và đáng tin cậy để lưu trữ các thành phần tĩnh của ứng dụng (HTML, CSS, JavaScript, tệp đa phương tiện, v.v.), cũng như phân phát nội dung động và lưu trữ các dịch vụ vi mô.

Dịch vụ lưu trữ cấp sản xuất của chúng tôi được hỗ trợ bởi một mạng phân phối nội dung (CDN) toàn cầu. Hosting phân phát nội dung của bạn qua SSL, theo mặc định và có thể được dùng với miền tuỳ chỉnh của riêng bạn hoặc trên các miền con của dự án mà không mất phí trên web.app và firebaseapp.com.

Trước khi bắt đầu

Trước khi có thể thiết lập Firebase Hosting, bạn cần tạo một dự án Firebase.

Bước 1: Cài đặt Firebase CLI

Hãy truy cập vào tài liệu về Firebase CLI để tìm hiểu cách cài đặt CLI hoặc cập nhật lên phiên bản mới nhất.

.

Bước 2: Khởi chạy dự án

Để kết nối các tệp dự án cục bộ với dự án Firebase, hãy chạy lệnh sau từ gốc của thư mục dự án cục bộ:

firebase init hosting

Trong quá trình chạy dự án, từ lời nhắc Firebase Giao diện dòng lệnh (CLI):

  1. Chọn một dự án Firebase để kết nối với thư mục dự án cục bộ của bạn.

    Dự án Firebase đã chọn là dự án Firebase "mặc định" cho thư mục dự án cục bộ của bạn. Để kết nối các dự án Firebase khác với thư mục dự án cục bộ của bạn, hãy thiết lập bí danh dự án.

  2. Chỉ định một thư mục để dùng làm thư mục gốc công khai của bạn.

    Thư mục này chứa tất cả các tệp tĩnh được phân phát công khai, bao gồm cả tệp index.html và mọi thành phần khác mà bạn muốn triển khai lên Firebase Hosting.

    • Ứng dụng tĩnh: Nếu bạn đang triển khai một ứng dụng tĩnh:

      • Thư mục gốc công khai mặc định có tên là public.

      • Bạn có thể chỉ định thư mục gốc công khai ngay bây giờ hoặc bạn có thể chỉ định sau trong tệp cấu hình firebase.json.

      • Nếu bạn chọn thư mục mặc định và chưa có thư mục nào có tên là public, thì Firebase sẽ tạo thư mục đó cho bạn.

      • Nếu bạn chưa có tệp index.html hoặc tệp 404.html hợp lệ trong thư mục gốc công khai, thì Firebase sẽ tạo các tệp đó cho bạn.

    • Chọn sử dụng App Hosting: Nếu CLI phát hiện các tính năng của một khung web SSR như Next.js hoặc Angular Universal, thì CLI có thể đề xuất khởi chạy Firebase App Hosting thay thế. App Hosting là giải pháp triển khai được đề xuất cho các ứng dụng khung ngăn xếp đầy đủ. Bạn có thể tiếp tục thiết lập App Hosting hoặc tiếp tục sử dụng Hosting (cổ điển) cho các bản triển khai chỉ tĩnh.

  3. Chọn một cấu hình cho trang web của bạn.

    Nếu bạn chọn tạo một ứng dụng một trang, thì Firebase sẽ tự động thêm các cấu hình viết lại cho bạn.

Khi kết thúc quá trình khởi chạy, Firebase sẽ tự động tạo và thêm 2 tệp vào gốc của thư mục ứng dụng cục bộ:

Bước 3: Triển khai lên trang web của bạn

Để triển khai lên trang web của bạn, hãy chạy lệnh sau từ gốc của thư mục dự án cục bộ:

firebase deploy --only hosting

Lệnh này triển khai nội dung và cấu hình Hosting lên các miền con được Firebase cung cấp sau đây:

  • PROJECT_ID.web.app
  • PROJECT_ID.firebaseapp.com

Tìm hiểu thêm về các bản triển khai và thậm chí là thử nghiệm trang web của bạn ở cấp cục bộ.

Các bước tiếp theo

Giờ đây, trang web của bạn đã sẵn sàng để chia sẻ với mọi người!