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 tài sả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 vi dịch vụ.

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. Theo mặc định, Hosting phân phát nội dung của bạn qua SSL 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 phụ 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 phải tạo một dự án Firebase.

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

Truy cập tài liệu về CLI Firebase để 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 của CLI.

Bước 2: Khởi tạo 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 của CLI Firebase:

  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ộ, 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 tài sản khác mà bạn muốn triển khai đến Firebase Hosting.

    • 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 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 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 này cho bạn.

  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ấ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 thư mục ứng dụng cục bộ của bạn:

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

Để triển khai cho 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 của bạn đến các miền phụ sau đây do Firebase cung cấp:

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

Tìm hiểu thêm về việc triển khai và thậm chí là kiểm thử trang web của bạn tại địa phương.

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!