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 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. Theo mặc định, Hosting phân phát nội dung của bạn qua SSL và có thể được sử dụng với miền tuỳ chỉnh của riêng bạn hoặc trên 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 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 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 thư mục dự án cục bộ:

firebase init hosting

Trong quá trình khởi chạy dự án, từ lời nhắc 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 thành phần khác mà bạn muốn triển khai đến Firebase Hosting.

    • Tên mặc định cho thư mục gốc công khai 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 thư mục gốc công khai sau trong tệp cấu hình firebase.json.

      • Nếu bạn chọn mặc định và chưa có thư mục có tên public, 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, Firebase sẽ tạo các tệp đó 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 thư mục gốc của ứng dụng cục bộ:

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ừ thư mục gốc của 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 con do Firebase cung cấp sau đây:

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

Tìm hiểu thêm về cách triển khai và thậm chí là kiểm thử trang web trên máy.

Các bước tiếp theo

Giờ đây, trang web của bạn đã sẵn sàng để chia sẻ với cả thế giới!