Trước khi triển khai 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í còn 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 thành các bước được liệt kê trên trang Bắt đầu lưu trữ , cụ thể là các tác vụ sau:
- Cài đặt hoặc cập nhật Firebase CLI lên phiên bản mới nhất.
- 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 cấu hình và nội dung 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 cục bộ
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ộ.
Lưu trữ là một phần của Bộ mô phỏng cục bộ Firebase , cho phép ứng dụng của bạn tương tác với nội dung và cấu hình Lưu trữ được mô phỏng , cũng như tùy chọn các tài nguyên dự án được mô phỏng của bạn (chức năng, cơ sở dữ liệu và quy tắc).
(Tùy chọn) Theo mặc định, ứng dụng được lưu trữ cục bộ của bạn sẽ tương tác với tài nguyên dự án thực , không phải giả lập (chức năng, cơ sở dữ liệu, quy tắc, v.v.). Thay vào đó, bạn có thể tùy chọn kết nối ứng dụng của mình để sử dụng bất kỳ tài nguyên dự án mô phỏng nào mà bạn đã định cấu hình. Tìm hiểu thêm: Cơ sở dữ liệu thời gian thực | Cloud Firestore | Chức năng đám mây
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
Mở ứng dụng web của bạn tại URL cục bộ do CLI trả về (thường là
http://localhost:5000
).Để 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, trình giả lập chỉ phản hồi các 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 trong mạng của bạn. Nếu bạn muốn kiểm tra từ các thiết bị cục bộ khác, hãy định cấu hình firebase.json
của bạn như sau:
"emulators": {
// ...
"hosting": {
"port": 5000
"host": "0.0.0.0"
}
}
Khi sử dụng firebase serve
, ứng dụng của bạn sẽ tương tác với một chương trình phụ trợ được mô phỏng cho nội dung và cấu hình Lưu trữ của bạn (và các chức năng tùy chọn) nhưng phần phụ trợ thực sự của bạn cho tất cả các tài nguyên dự án khác.
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 serve --only hosting
Mở ứng dụng web của bạn tại URL cục bộ do CLI trả về (thường là
http://localhost:5000
).Để 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.
Sử dụng firebase serve
để kiểm tra từ các thiết bị cục bộ khác
Theo mặc định, firebase serve
chỉ phản hồi các 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 trong mạng của bạn. Nếu bạn muốn kiểm tra từ các thiết bị cục bộ khác, hãy sử dụng cờ --host
, như sau:
firebase serve --host 0.0.0.0 // accepts requests to any host
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", đây là URL tạm thời, có thể chia sẻ. Khi sử dụng URL xem trước, ứng dụng web của bạn sẽ tương tác với chương trình phụ trợ thực của bạn cho tất cả các tài nguyên 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.
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 thế CHANNEL_ID bằng 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.Mở ứng dụng web của bạn tại URL xem trước do CLI trả về. Nó sẽ giống như sau:
PROJECT_ID -- CHANNEL_ID - RANDOM_HASH .web.app
Để 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ự. Đảm bảo chỉ định cùng một
CHANNEL_ID
trong lệnh.
Tìm hiểu về cách quản lý kênh xem trước , bao gồm cả cách đặt kênh hết hạn.
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 cách thiết lập và sử dụng Hành động GitHub này .
Bước 3: Triển khai trực tiếp
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 giúp bạn tự tin rằng bạn đang triển khai cho kênh trực tiếp của mình nội dung và cấu hình chính xác mà bạn đã thử nghiệm trong kênh xem trước. Tìm hiểu thêm về các phiên bản sao chép .
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_ID và TARGET_SITE_ID : Đây là các ID của các trang web Lưu trữ 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 kênh hiện đang cung cấp phiên bản bạn muốn triển khai cho kênh trực tiếp của mình.
- Đối với kênh trực tiếp, hãy sử dụng
live
làm ID kênh.
- Đối với kênh trực tiếp, hãy sử dụng
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 giúp bạn linh hoạt trong việc đ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.
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
Xem các thay đổi của bạn (bước tiếp theo).
Bước 4: Xem các thay đổi của bạn trên trang web trực tiếp của bạn
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ỳ miền tùy chỉnh nào mà bạn đã kết nối với (các) trang web Lưu trữ của mình
Để hạn chế việc triển khai cho một trang web Lưu trữ cụ thể, hãy chỉ định 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ị cùng với thông tin triển khai khác trên bảng điều khiển Lưu trữ trong bảng điều khiển Firebase. 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ết nối các tập lệnh shell với lệnh firebase deploy
để thực hiện các tác vụ trước hoặc sau khi triển khai. 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. Tham khảo tài liệu Firebase CLI để biết thêm chi tiết.
Nội dung đã triển khai vào bộ nhớ đệm
Khi có yêu cầu về nội dung tĩnh , Firebase Hosting sẽ tự động lưu nội dung vào bộ nhớ cache trên CDN. Nếu bạn triển khai lại nội dung trang web của mình, Firebase sẽ tự động xóa tất cả nội dung tĩnh đã lưu trong bộ nhớ cache của bạn trên CDN để các 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ể định 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 SSL).
Bước tiếp theo
Tích hợp với GitHub và lặp lại nội dung đã xem trước của bạn bằng cách thiết lập Hành động GitHub .
Tìm hiểu thêm về khả năng lưu trữ:
Hãy xem toàn bộ tài liệu về Firebase CLI .
Chuẩn bị khởi chạy ứng dụng của bạn:
- Thiết lập thông báo ngân sách cho dự án của bạn trong Google Cloud Console.
- Theo dõi Bảng điều khiển sử dụng và thanh toán trong bảng điều khiển Firebase để có được bức tranh tổng thể về việc sử dụng dự án của bạn trên nhiều dịch vụ Firebase. Bạn cũng có thể truy cập trang tổng quan Sử dụng Lưu trữ để biết thêm thông tin chi tiết về việc sử dụng.
- Xem lại danh sách kiểm tra khởi chạy Firebase .