Triển khai cho trực tiếp & xem trước kênh thông qua yêu cầu lấy dữ liệu GitHub
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Bạn có thể tích hợp các hoạt động triển khai vào Firebase Hosting thông qua một Thao tác trên GitHub. Sau đây là những việc mà GitHub Action này có thể làm cho bạn:
Tạo một kênh xem trước mới (và URL xem trước được liên kết) cho mọi PR trên kho lưu trữ GitHub của bạn.
Thêm một bình luận vào yêu cầu kéo kèm theo URL xem trước để bạn và mỗi người đánh giá có thể xem và kiểm thử các thay đổi của yêu cầu kéo trong phiên bản "xem trước" của ứng dụng.
Cập nhật URL xem trước theo những thay đổi của từng cam kết bằng cách tự động triển khai vào kênh xem trước được liên kết. URL này không thay đổi theo từng cam kết mới.
(Không bắt buộc) Triển khai trạng thái hiện tại của kho lưu trữ GitHub vào kênh trực tiếp khi PR được hợp nhất.
Lưu ý: Khi sử dụng URL xem trước, ứng dụng của bạn sẽ tương tác với các tài nguyên phụ trợ thực của dự án Firebase.
Thiết lập Thao tác GitHub để triển khai đến Firebase Hosting
Tạo một kho lưu trữ GitHub (công khai hoặc riêng tư) hoặc sử dụng một kho lưu trữ hiện có. Bạn phải có quyền quản trị đối với kho lưu trữ.
Trong phiên bản cục bộ của kho lưu trữ, hãy thiết lập Firebase Hosting bằng lệnh firebase init.
Nếu bạn CHƯA thiết lập Hosting, hãy chạy phiên bản lệnh này từ thư mục gốc trên máy tính:
firebase init hosting
Nếu ĐÃ thiết lập Hosting, thì bạn chỉ cần thiết lập phần GitHub Action của Hosting. Chạy phiên bản lệnh này từ gốc của thư mục cục bộ:
firebase init hosting:github
Làm theo lời nhắc của CLI và lệnh này sẽ tự động thiết lập GitHub Action:
Tạo một tài khoản dịch vụ trong dự án Firebase của bạn với quyền triển khai đến Firebase Hosting.
Mã hoá khoá JSON của tài khoản dịch vụ đó và tải khoá lên kho lưu trữ GitHub đã chỉ định dưới dạng khoá bí mật GitHub.
Ghi các tệp cấu hình yaml của quy trình GitHub tham chiếu đến khoá bí mật mới tạo. Các tệp này định cấu hình Thao tác trên GitHub để triển khai đến Firebase Hosting.
Trong GitHub, hãy tạo một nhánh mới và xác nhận các tệp quy trình làm việc yaml do CLI tạo.
Xuất bản nhánh vào kho lưu trữ GitHub của bạn.
Hợp nhất nhánh.
Tất cả chỉ có thế! Mọi PR tiếp theo trong kho lưu trữ này trên GitHub sẽ tự động có "URL xem trước" riêng!
Tìm hiểu thêm về GitHub Action
Firebase duy trì "Triển khai đến Firebase Hosting" GitHub Action dưới dạng một dự án nguồn mở.
Xem mã nguồn.
Thao tác "Triển khai đến Firebase Hosting" trên GitHub cho phép bạn định cấu hình thêm, chẳng hạn như tuỳ chỉnh ngày hết hạn cho kênh xem trước hoặc đặt kênh không phải kênh trực tiếp để triển khai khi một PR được hợp nhất.
Tìm hiểu về các lựa chọn cấu hình hiện có.
Tìm hiểu thêm về GitHub Actions nói chung.
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2025-08-08 UTC.
[null,null,["Cập nhật lần gần đây nhất: 2025-08-08 UTC."],[],[],null,["\u003cbr /\u003e\n\nYou can integrate deploys to Firebase Hosting via a GitHub Action. Here's\nwhat this GitHub Action can do for you:\n\n- Creates a new preview channel (and its associated preview URL) for every PR on\n your GitHub repository.\n\n- Adds a comment to the PR with the preview URL\n so that you and each reviewer can view and test the PR's changes in a\n \"preview\" version of your app.\n\n- Updates the preview URL with changes from each commit by automatically\n deploying to the associated preview channel. The URL doesn't change with each\n new commit.\n\n- *(Optional)* Deploys the current state of your GitHub repo to your live\n channel when the PR is merged.\n\nReminder: When using preview URLs, your app interacts with the *real* backend\nresources of your Firebase project.\n\nSet up the GitHub Action to deploy to Firebase Hosting\n\n1. Create a GitHub repository (public or private) or use an existing one. You\n must have admin permissions for the repository.\n\n2. In a local version of your repo, set up Firebase Hosting using the\n [`firebase init` command](/docs/hosting/quickstart#initialize).\n\n - If you've NOT set up Hosting, run this version of the command\n from the root of your local directory:\n\n ```\n firebase init hosting\n ```\n - If you've ALREADY set up Hosting, then you just need to set up the\n GitHub Action part of Hosting. Run this version of the command from\n the root of your local directory:\n\n ```\n firebase init hosting:github\n ```\n3. Follow the CLI prompts, and the command will automatically take care of\n setting up the GitHub Action:\n\n - Creates a service account in your Firebase project with permission to\n deploy to Firebase Hosting.\n\n - Encrypts that service account's JSON key and uploads it to the specified\n GitHub repository as a\n [GitHub secret](//docs.github.com/en/free-pro-team@latest/actions/reference/encrypted-secrets).\n\n - Writes GitHub workflow `yaml` configuration files that reference the\n newly created secret. These files configure the GitHub Action to deploy to\n Firebase Hosting.\n\n4. In GitHub, create a new branch and commit the workflow `yaml` files created\n by the CLI.\n\n5. Publish the branch to your GitHub repository.\n\n6. Merge the branch.\n\nThat's it! Any subsequent PR in this GitHub repo will automatically get its own\n\"preview URL\"!\n\nLearn more about the GitHub Action\n\n- Firebase maintains the \"Deploy to Firebase Hosting\" GitHub Action as an\n open-source project.\n [View the source code.](//github.com/marketplace/actions/deploy-to-firebase-hosting)\n\n- The \"Deploy to Firebase Hosting\" GitHub Action allows for further\n configuration, like customizing the expiry date for a preview channel or\n setting a non-live channel to deploy to when a PR is merged.\n [Learn about the available configuration options.](//github.com/marketplace/actions/deploy-to-firebase-hosting#options)\n\n- Learn more about\n [GitHub Actions](//docs.github.com/en/free-pro-team@latest/actions),\n in general."]]
