Xuất bản ứng dụng bằng Firebase Studio

Firebase Studio cung cấp nhiều lựa chọn xuất bản, cho phép bạn chọn phương thức phù hợp nhất với nhu cầu của dự án. Dưới đây là thông tin tổng quan về các lựa chọn hiện có:

  • Firebase App Hosting: Phù hợp để xuất bản các ứng dụng Next.js và Angular động, App Hosting cung cấp chế độ hỗ trợ khung tích hợp, tích hợp với GitHub và tích hợp với các sản phẩm khác của Firebase như Firebase Authentication, Cloud FirestoreFirebase AI Logic.

    Nếu đã phát triển một ứng dụng Next.js bằng App Prototyping agent, bạn có thể xuất bản trực tiếp từ Firebase Studio chỉ bằng vài cú nhấp chuột.

  • Firebase Hosting: Phù hợp để lưu trữ các ứng dụng web và nội dung web tĩnh (HTML, CSS, JavaScript, hình ảnh và các tài sản tĩnh khác) cũng như các ứng dụng một trang. Firebase Hosting cung cấp dịch vụ phân phối nội dung nhanh thông qua CDN toàn cầu, chứng chỉ SSL miễn phí và hỗ trợ miền tuỳ chỉnh.

    Nếu đã phát triển một ứng dụng web tĩnh hoặc một trang trong Firebase Studio, bạn có thể xuất bản trực tiếp từ Firebase Studio bằng cách nhắc Gemini trong Firebase xuất bản ứng dụng của bạn.

  • Cloud Run: Sử dụng Cloud Run để triển khai các ứng dụng nằm trong vùng chứa. Đây là một lựa chọn phù hợp để xuất bản các ứng dụng có khả năng mở rộng và di động, có thể chạy trên mọi nền tảng.

  • Các lựa chọn triển khai khác: Triển khai cho giải pháp lưu trữ mà bạn chọn, bao gồm cả các nền tảng khác hoặc máy chủ của riêng bạn.

Xuất bản và theo dõi ứng dụng bằng Firebase App Hosting

Sau khi thử nghiệm và hài lòng với ứng dụng trong không gian làm việc, bạn có thể xuất bản ứng dụng lên web bằng Firebase App Hosting.

Khi bạn thiết lập App Hosting, Firebase Studio sẽ tạo một dự án Firebase cho bạn (nếu dự án đó chưa được tạo bằng cách tự động tạo khoá Gemini API hoặc các dịch vụ phụ trợ khác) và hướng dẫn bạn liên kết tài khoản Cloud Billing.

Cách xuất bản ứng dụng:

  1. Nhấp vào Xuất bản để thiết lập dự án Firebase và xuất bản ứng dụng. Ngăn Xuất bản ứng dụng sẽ xuất hiện.

  2. Trong bước Dự án Firebase, App Prototyping agent sẽ hiển thị dự án Firebase được liên kết với không gian làm việc. Nếu chưa có dự án Firebase, App Prototyping agent sẽ tạo một dự án mới cho bạn. Nhấp vào Tiếp theo để tiếp tục.

  3. Trong bước Liên kết tài khoản Cloud Billing, hãy chọn một trong những cách sau:

    • Chọn tài khoản Cloud Billing mà bạn muốn liên kết với dự án Firebase.

    • Nếu bạn chưa có tài khoản Cloud Billing hoặc muốn tạo một tài khoản mới, hãy nhấp vào Tạo tài khoản Cloud Billing. Thao tác này sẽ mở bảng điều khiển Google Cloud, nơi bạn có thể tạo tài khoản tự thiết lập Cloud Billing mới. Sau khi tạo tài khoản, hãy quay lại Firebase Studio rồi chọn tài khoản trong danh sách Liên kết Cloud Billing.

  4. Nhấp vào Tiếp theo. Firebase Studio liên kết tài khoản thanh toán với dự án được liên kết với không gian làm việc của bạn, được tạo khi bạn tự động tạo khoá Gemini API hoặc khi bạn nhấp vào Xuất bản.

  5. Nhấp vào Thiết lập dịch vụ. Tác nhân tạo mẫu ứng dụng bắt đầu cung cấp các dịch vụ của Firebase.

  6. Nhấp vào Xuất bản ngay. Firebase Studio thiết lập các dịch vụ Firebase rồi triển khai bản phát hành App Hosting. Quá trình này có thể mất đến vài phút. Để tìm hiểu thêm về những gì diễn ra ở chế độ nền, hãy xem bài viết Quy trình tạo App Hosting.

  7. Khi bước xuất bản hoàn tất, Tổng quan về ứng dụng sẽ xuất hiện cùng với một URL và thông tin chi tiết về ứng dụng dựa trên khả năng quan sát App Hosting. Để sử dụng miền tuỳ chỉnh (chẳng hạn như example.com hoặc app.example.com) thay vì miền do Firebase tạo, bạn có thể thêm miền tuỳ chỉnh trong bảng điều khiển Firebase.

Để biết thêm thông tin về App Hosting, hãy xem bài viết Tìm hiểu về App Hosting và cách hoạt động của App Hosting.

(Chỉ Cloud Firestore) Xác minh các quy tắc bảo mật trong quá trình phát hành công khai

Khi quá trình xuất bản hoàn tất và ứng dụng của bạn được triển khai lên Firebase, Cloud FirestoreFirebase Authentication sẽ sẵn sàng để kiểm thử trong môi trường phát hành công khai.

Xem dữ liệu Cloud FirestoreFirebase Authentication trong bảng điều khiển Firebase

Bạn có thể xem dữ liệu trực tiếp từ ứng dụng của mình trong bảng điều khiển Firebase sau khi xuất bản.

  • Để xem cơ sở dữ liệu Cloud Firestore đang hoạt động, hãy mở bảng điều khiển Firebase rồi chọn Build (Xây dựng) > Firestore Database (Cơ sở dữ liệu Firestore) trong trình đơn điều hướng.

    Tại đây, bạn có thể kiểm tra dữ liệu đã lưu trữ, xem và kiểm thử các quy tắc bảo mật cũng như tạo chỉ mục. Tìm hiểu thêm tại Cloud Firestore.

  • Để xem dữ liệu Firebase Authentication trực tiếp, hãy mở bảng điều khiển Firebase rồi chọn Build (Bản dựng) > Authentication (Xác thực) trong trình đơn điều hướng.

    Tại đây, bạn có thể kiểm tra cấu hình xác thực và người dùng ứng dụng. Tìm hiểu thêm tại Firebase Authentication.

Kiểm thử các quy tắc Cloud Firestore trong môi trường thực tế

Sau khi xuất bản ứng dụng, bạn nên kiểm thử lại Cloud Firestorequy tắc bảo mật trong môi trường phát hành công khai. Điều này giúp đảm bảo rằng người dùng được uỷ quyền có thể truy cập vào dữ liệu của bạn và dữ liệu đó được bảo vệ khỏi hành vi truy cập trái phép.

Bạn có thể kiểm thử các quy tắc bằng tất cả các phương thức sau:

  • Kiểm thử ứng dụng: Tương tác với ứng dụng đã triển khai, thực hiện các thao tác kích hoạt nhiều mẫu truy cập dữ liệu (đọc, ghi, xoá) cho các trạng thái hoặc vai trò người dùng khác nhau. Thử nghiệm trong điều kiện thực tế này giúp xác nhận rằng các quy tắc của bạn được thực thi đúng cách trên thực tế.

  • Rules Playground: Để kiểm tra có mục tiêu, hãy sử dụng Rules Playground trong bảng điều khiển Firebase. Công cụ này cho phép bạn mô phỏng các yêu cầu (đọc, ghi, xoá) đối với cơ sở dữ liệu Cloud Firestore bằng cách sử dụng các quy tắc sản xuất. Bạn có thể chỉ định trạng thái xác thực người dùng, đường dẫn đến dữ liệu và loại thao tác để xem các quy tắc của bạn có cho phép hay từ chối quyền truy cập như dự kiến hay không.

  • Kiểm thử đơn vị: Để kiểm thử toàn diện hơn, bạn có thể viết các kiểm thử đơn vị cho quy tắc bảo mật. Phần phụ trợ xem trước Firebase Studio do Firebase Local Emulator Suite cung cấp cho phép bạn chạy các kiểm thử này cục bộ, mô phỏng hành vi của các quy tắc sản xuất. Đây là một cách thức mạnh mẽ để xác minh logic quy tắc phức tạp và xác nhận phạm vi áp dụng cho nhiều trường hợp. Sau khi triển khai, bạn nên kiểm tra kỹ để đảm bảo các kiểm thử đơn vị bằng trình mô phỏng hoạt động như dự kiến và bao gồm tất cả các trường hợp.

Giám sát ứng dụng bằng khả năng quan sát App Hosting

Bảng điều khiển Tổng quan về ứng dụng trong Firebase Studio cung cấp các chỉ số và thông tin chính về ứng dụng của bạn, cho phép bạn theo dõi hiệu suất của ứng dụng web bằng các công cụ quan sát tích hợp của App Hosting. Sau khi trang web của bạn ra mắt, bạn có thể truy cập vào phần tổng quan bằng cách nhấp vào Xuất bản. Trên bảng điều khiển này, bạn có thể:

  • Nhấp vào Xuất bản để phát hành một phiên bản mới của ứng dụng.
  • Chia sẻ đường liên kết đến ứng dụng của bạn hoặc mở ứng dụng của bạn ngay trong phần Truy cập vào ứng dụng của bạn.
  • Xem thông tin tóm tắt về hiệu suất của ứng dụng trong 7 ngày qua, bao gồm tổng số yêu cầu và trạng thái của đợt phát hành mới nhất. Nhấp vào Xem chi tiết để truy cập vào nhiều thông tin hơn nữa trong bảng điều khiển Firebase.
  • Xem biểu đồ về số lượng yêu cầu mà ứng dụng của bạn đã nhận được trong 24 giờ qua, được chia theo mã trạng thái HTTP.
  • Xem trạng thái kích hoạt của các dịch vụ Firebase như Firebase AuthenticationCloud Firestore.

Nếu đóng bảng điều khiển Tổng quan về ứng dụng, bạn có thể mở lại bảng này bất cứ lúc nào bằng cách nhấp vào Xuất bản.

Tìm hiểu thêm về cách quản lý và theo dõi App Hosting việc phát hành công khai tại phần Quản lý việc phát hành công khai và bản phát hành.

Khôi phục trang web App Hosting

Nếu đã triển khai các phiên bản liên tiếp của ứng dụng lên App Hosting, bạn có thể khôi phục ứng dụng về một trong các phiên bản trước đó. Bạn cũng có thể xoá tiện ích này.

  • Cách khôi phục một trang web đã xuất bản:

    1. Mở App Hosting trong bảng điều khiển Firebase.

    2. Tìm phần phụ trợ của ứng dụng, nhấp vào Xem, rồi nhấp vào Phát hành công khai.

    3. Bên cạnh bản triển khai mà bạn muốn quay lại, hãy nhấp vào Tuỳ chọn khác , sau đó chọn Quay lại bản dựng này rồi xác nhận.

    Tìm hiểu thêm tại phần Quản lý quy trình phát hành công khai và bản phát hành.

  • Cách xoá miền App Hosting khỏi web:

    1. Trên Firebaseconsole (bảng điều khiển), hãy mở App Hosting rồi nhấp vào Xem trong phần ứng dụng Firebase Studio.

    2. Trong phần Thông tin phụ trợ, hãy nhấp vào Quản lý. Trang Miền sẽ tải.

    3. Bên cạnh miền của bạn, hãy nhấp vào biểu tượng Tuỳ chọn khác , sau đó chọn Tắt miền rồi xác nhận.

    Thao tác này sẽ xoá miền của bạn khỏi web. Để xoá hoàn toàn phần phụ trợ App Hosting, hãy làm theo hướng dẫn trong phần Xoá phần phụ trợ.

Firebase Hosting

Bạn có thể xuất bản các ứng dụng web tĩnh và một trang lên Firebase Hosting từ không gian làm việc Firebase Studio.

Nếu bạn không có quyền cần thiết đối với dự án Firebase, hãy yêu cầu Chủ sở hữu dự án Firebase chỉ định cho bạn vai trò phù hợp trên trang Người dùng và quyền của bảng điều khiển Firebase. Nếu bạn có thắc mắc về việc truy cập vào dự án Firebase của mình, bao gồm cả việc tìm hoặc chỉ định Chủ sở hữu, hãy xem bài viết Quyền và quyền truy cập vào các dự án Firebase.

Xuất bản bằng Gemini trong Firebase

  1. Trong cuộc trò chuyện với Gemini trong Firebase, hãy nhập một câu lệnh như "Xuất bản ứng dụng của tôi".

  2. Gemini trong Firebase sẽ hướng dẫn bạn các bước cần thiết. Việc này có thể bao gồm tạo dự án Firebase và đăng ký ứng dụng nếu bạn chưa thực hiện.

Xuất bản từ bảng điều khiển Firebase Studio

Firebase Hosting được tối ưu hoá cho các trang web tĩnh và ứng dụng trang đơn. Nếu dự án của bạn có nội dung động, thì Gemini trong Firebase có thể không bắt đầu quy trình xuất bản. Nếu điều này xảy ra nhưng bạn vẫn muốn sử dụng Firebase Hosting, hãy xuất bản dự án của bạn từ bảng Firebase Studio:

  1. Nếu chưa thực hiện, hãy tạo một dự án Firebase và đăng ký ứng dụng của bạn.

  2. Mở không gian làm việc Firebase Studio của bạn.

    • Nếu bạn đang sử dụng App Prototyping agent, hãy nhấp vào Biểu tượng chuyển đổi mã Switch to Code (Chuyển sang mã) để mở chế độ xem Code.
  3. Trong ngăn điều hướng, hãy nhấp vào biểu tượng Firebase Studio để mở ngăn, sau đó mở rộng mục Firebase Hosting.

  4. Nhấp vào Xác thực Firebase rồi làm theo lời nhắc trong cửa sổ Terminal để xác thực tài khoản Firebase của bạn.

  5. Nhấp vào Khởi chạy Firebase Hosting rồi làm theo lời nhắc trong cửa sổ Terminal (Thiết bị đầu cuối) để thiết lập cấu hình triển khai.

  6. Để triển khai ứng dụng, hãy nhấp vào Triển khai cho kênh phát hành công khai hoặc Triển khai cho kênh trong phần Firebase Hosting của bảng điều khiển Firebase Studio.

Cloud Run

Trước khi triển khai bằng Cloud Run, hãy đảm bảo rằng bạn đã thiết lập dự án Google Cloud và bật Cloud Billing.

  1. Mở không gian làm việc Firebase Studio của bạn. Nếu bạn đang sử dụng App Prototyping agent, hãy nhấp vào Biểu tượng chuyển đổi mã Switch to Code (Chuyển sang mã) để mở chế độ xem Code.

  2. Nhấp vào biểu tượng Firebase Studio trong ngăn điều hướng để mở bảng Firebase Studio rồi nhấp vào Triển khai đến Cloud Run.

  3. Chọn Cho phép không gian làm việc này truy cập vào các tài nguyên Google Cloud bằng Tài khoản Google của tôi, sau đó chọn một dự án Google Cloud có tính năng thanh toán được bật trong cửa sổ hộp thoại.

  4. Nhấp vào Xác thực trong phần Cloud Run của bảng Firebase Studio rồi làm theo lời nhắc để xác thực.

  5. Nhấp vào Triển khai và làm theo lời nhắc để thiết lập cấu hình triển khai và triển khai ứng dụng của bạn.

Các bước tiếp theo