Catch up on everthing we announced at this year's Firebase Summit. Learn more

Kiểm tra cục bộ, chia sẻ các thay đổi, sau đó triển khai trực tiếp

Trước khi triển khai lên trang web trực tiếp của mình, bạn sẽ muốn xem và kiểm tra các thay đổi của mình. Lưu trữ Firebase cho phép bạn xem và kiểm tra các thay đổi cục bộ cũng như tương tác với các tài nguyên dự án phụ trợ giả lập. Nếu bạn cần đồng đội của mình xem và kiểm tra các thay đổi của mình, Lưu trữ có thể tạo các URL xem trước tạm thời, có thể chia sẻ cho trang web của bạn. Chúng tôi thậm chí hỗ trợ tích hợp GitHub để triển khai từ một yêu cầu kéo.

Trước khi bắt đầu

Hoàn tất các bước được liệt kê trên Hosting trang Get Started , đặc biệt là các nhiệm vụ sau:

  1. Cài đặt hoặc cập nhật Firebase CLI lên phiên bản mới nhất.
  2. Kết nối thư mục dự án cục bộ (chứa nội dung ứng dụng của bạn) với dự án Firebase của bạn.

Bạn có thể tùy chọn triển khai nội dung và cấu hình Lưu trữ của ứng dụng, nhưng đó không phải là điều kiện tiên quyết cho các bước trên trang này.

Bước 1: Kiểm tra tại địa phương

Nếu bạn đang thực hiện lặp lại nhanh chóng hoặc bạn muốn ứng dụng của mình tương tác với các tài nguyên dự án phụ trợ được mô phỏng, bạn có thể kiểm tra nội dung và cấu hình lưu trữ cục bộ. Khi thử nghiệm cục bộ, Firebase phân phối ứng dụng web của bạn tại một URL được lưu trữ cục bộ.

Hosting là một phần của căn cứ hỏa lực địa phương Emulator Suite , cho phép ứng dụng của bạn để tương tác với mô phỏng Hosting nội dung và cấu hình của bạn, cũng như tùy chọn nguồn lực dự án mô phỏng của bạn (chức năng, cơ sở dữ liệu, và các quy tắc).

  1. (Tùy chọn) Theo mặc định, ứng dụng tại địa phương tổ chức của bạn sẽ tương tác với thực tế, không mô phỏng, tài nguyên dự án (chức năng, cơ sở dữ liệu, các quy tắc, vv). Bạn có thể thay vì tùy chọn kết nối ứng dụng của bạn sử dụng bất kỳ nguồn lực dự án mô phòng mà bạn đã cấu hình. Tìm hiểu thêm: Cơ sở dữ liệu thời gian thực | Đám mây FireStore | Chức năng đám mây

  2. Từ thư mục gốc của thư mục dự án cục bộ của bạn, hãy chạy lệnh sau:

    firebase emulators:start
  3. Mở ứng dụng web của bạn tại URL địa phương được trả về bởi CLI (thường là http://localhost:5000 ).

  4. Để cập nhật URL cục bộ với các thay đổi, hãy làm mới trình duyệt của bạn.

Kiểm tra từ các thiết bị cục bộ khác

Theo mặc định, giả lập chỉ đáp ứng với yêu cầu từ localhost . Điều này có nghĩa là bạn sẽ có thể truy cập nội dung được lưu trữ của mình từ trình duyệt web của máy tính nhưng không phải từ các thiết bị khác trên mạng của bạn. Nếu bạn muốn thử nghiệm từ các thiết bị khác của địa phương, cấu hình của bạn firebase.json như vậy:

"emulators": {
    // ...

    "hosting": {
      "port": 5000
      "host": "0.0.0.0"
    }
  }

Bước 2: Xem trước và chia sẻ

Nếu bạn muốn người khác xem các thay đổi đối với ứng dụng web của mình trước khi phát trực tiếp, bạn có thể sử dụng các kênh xem trước.

Sau khi bạn triển khai kênh xem trước, Firebase phân phối ứng dụng web của bạn tại "URL xem trước", là một URL tạm thời, có thể chia sẻ. Khi sử dụng một URL xem trước, tương tác ứng dụng web của bạn với backend thực sự của bạn cho tất cả các nguồn lực của dự án.

Lưu ý rằng mặc dù các URL xem trước rất khó đoán (vì chúng chứa một hàm băm ngẫu nhiên), nhưng chúng là công khai. Vì vậy, bất kỳ ai biết URL đều có thể truy cập.

  1. Từ thư mục gốc của thư mục dự án cục bộ của bạn, hãy chạy lệnh sau:

    firebase hosting:channel:deploy CHANNEL_ID

    Thay CHANNEL_ID với một chuỗi không có dấu cách (ví dụ, feature_mission-2-mars ). ID này sẽ được sử dụng để tạo URL xem trước được liên kết với kênh xem trước.

  2. Mở ứng dụng web của bạn tại URL xem trước do CLI trả về. Nó sẽ giống như thế này: PROJECT_ID -- CHANNEL_ID - RANDOM_HASH .web.app

  3. Để cập nhật URL xem trước của bạn với các thay đổi, hãy chạy lại lệnh tương tự. Hãy chắc chắn để xác định cùng CHANNEL_ID trong lệnh.

Tìm hiểu về việc quản lý các kênh truyền hình xem trước , bao gồm cách thiết lập hết hạn của kênh.

Lưu trữ Firebase hỗ trợ Hành động GitHub tự động tạo và cập nhật URL xem trước khi bạn thực hiện các thay đổi đối với một yêu cầu kéo. Tìm hiểu làm thế nào để thiết lập và sử dụng GitHub hành động này .

Bước 3: Triển khai sống

Khi bạn đã sẵn sàng chia sẻ những thay đổi của mình với mọi người, hãy triển khai nội dung và cấu hình Lưu trữ cho kênh trực tiếp của bạn. Firebase cung cấp một số tùy chọn khác nhau cho bước này tùy thuộc vào trường hợp sử dụng của bạn (xem các tùy chọn bên dưới).

Tùy chọn 1: Sao chép từ kênh xem trước sang kênh trực tiếp của bạn

Tùy chọn này cung cấp sự tự tin rằng bạn đang triển khai kênh sống của bạn chính xác nội dung và cấu hình mà bạn được thử nghiệm trong một kênh xem trước. Tìm hiểu thêm về nhân bản các phiên bản .

  1. Từ bất kỳ thư mục nào, hãy chạy lệnh sau:

    firebase hosting:clone SOURCE_SITE_ID:SOURCE_CHANNEL_ID TARGET_SITE_ID:live

    Thay thế mỗi trình giữ chỗ bằng phần sau:

    • SOURCE_SITE_IDTARGET_SITE_ID : Đây là các ID của các trang web Hosting có chứa các kênh.

      • Đối với trang web Lưu trữ mặc định của bạn, hãy sử dụng ID dự án Firebase của bạn.
      • Bạn có thể chỉ định các trang web nằm trong cùng một dự án Firebase hoặc thậm chí trong các dự án Firebase khác nhau.
    • SOURCE_CHANNEL_ID : Đây là số nhận dạng cho các kênh hiện đang phục vụ cho phiên bản bạn muốn triển khai kênh sống của bạn.

      • Đối với một kênh trực tiếp, sử dụng live như ID kênh.
  2. Xem các thay đổi của bạn (bước tiếp theo).

Tùy chọn 2: Triển khai từ thư mục dự án cục bộ đến kênh trực tiếp của bạn

Tùy chọn này cung cấp cho bạn sự linh hoạt để điều chỉnh cấu hình cụ thể cho kênh trực tiếp hoặc triển khai ngay cả khi bạn chưa sử dụng kênh xem trước.

  1. Từ thư mục gốc của thư mục dự án cục bộ của bạn, hãy chạy lệnh sau:

    firebase deploy --only hosting
  2. Xem các thay đổi của bạn (bước tiếp theo).

Bước 4: Xem những thay đổi của bạn trên trang web trực tiếp

Cả hai tùy chọn ở trên đều triển khai nội dung và cấu hình Lưu trữ của bạn cho các trang web sau:

  • Các miền phụ do Firebase cấp cho trang web Lưu trữ mặc định của bạn và bất kỳ trang web Lưu trữ bổ sung nào:
    SITE_ID .web.app (như PROJECT_ID .web.app )
    SITE_ID .firebaseapp.com (như PROJECT_ID .firebaseapp.com )

  • Bất kỳ lĩnh vực tùy chỉnh mà bạn đã kết nối với trang web Hosting của bạn (s)

Để hạn chế việc triển khai đến một trang web cụ thể Hosting, xác định một mục tiêu triển khai trong lệnh CLI của bạn.

Các hoạt động và thông tin triển khai khác

Thêm nhận xét cho việc triển khai

Bạn có thể tùy chọn thêm nhận xét vào triển khai. Nhận xét này sẽ hiển thị với thông tin triển khai khác trên bảng điều khiển Hosting trong căn cứ hỏa lực console. Ví dụ:

firebase deploy --only hosting -m "Deploying the best new feature ever."

Thêm các tác vụ theo kịch bản trước khi triển khai và hậu triển khai

Bạn có thể tùy chọn kịch bản shell kết nối đến firebase deploy lệnh để thực hiện predeploy hoặc postdeploy nhiệm vụ. Ví dụ: một móc postdeploy có thể thông báo cho quản trị viên về việc triển khai nội dung trang web mới. Hãy tham khảo những tài liệu căn cứ hỏa lực CLI để biết thêm chi tiết.

Nội dung đã triển khai vào bộ nhớ đệm

Khi một yêu cầu được thực hiện cho nội dung tĩnh, căn cứ hỏa lực Hosting tự động lưu trữ các nội dung trên CDN. Nếu bạn triển khai lại nội dung của trang web của bạn, căn cứ hỏa lực tự động xóa tất cả lưu trữ nội dung tĩnh của bạn trên CDN để yêu cầu mới nhận được nội dung mới của bạn.

Lưu ý rằng bạn có thể cấu hình bộ nhớ đệm của nội dung động .

Cung cấp qua HTTPS

Đảm bảo rằng tất cả các tài nguyên bên ngoài không được lưu trữ trên Lưu trữ Firebase đều được tải qua SSL (HTTPS), bao gồm mọi tập lệnh bên ngoài. Hầu hết các trình duyệt không cho phép người dùng tải "nội dung hỗn hợp" (lưu lượng SSL và không phải SSL).

Bước tiếp theo