Giám sát và bảo vệ ứng dụng web

Sau khi xuất bản ứng dụng, bạn nên giám sát và bảo mật ứng dụng:

Theo dõi hiệu suất của trang web bằng tính năng App Hosting quan sát

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ụ giám 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.

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 quy trình phát hành tại Quản lý quy trình phát hành và bản phát hành.

Genkit Giám sát các tính năng đã triển khai

Bạn có thể theo dõi các bước, dữ liệu đầu vào và đầu ra của tính năng Genkit bằng cách bật tính năng đo từ xa cho mã luồng AI. Tính năng đo từ xa của Genkit cho phép bạn theo dõi hiệu suất và mức sử dụng của các luồng AI. Dữ liệu này có thể giúp bạn xác định những khía cạnh cần cải thiện, khắc phục vấn đề, tối ưu hoá câu lệnh và quy trình để nâng cao hiệu suất và hiệu quả chi phí, đồng thời theo dõi mức sử dụng quy trình theo thời gian.

Để thiết lập tính năng giám sát trong Genkit, bạn sẽ thêm dữ liệu đo từ xa vào các luồng AI Genkit rồi xem kết quả trong bảng điều khiển Firebase.

Bước 1: Thêm dữ liệu đo từ xa vào mã luồng Genkit trong Firebase Studio

Cách thiết lập tính năng giám sát trong mã của bạn:

  1. Nếu bạn chưa ở chế độ xem Code, hãy nhấp vào Biểu tượng chuyển đổi mã Switch to Code (Chuyển sang mã) để mở chế độ này.

  2. Kiểm tra package.json để xác minh phiên bản Genkit đã cài đặt.

  3. Mở cửa sổ dòng lệnh (Ctrl-Shift-C hoặc Cmd-Shift-C trong MacOS).

  4. Nhấp vào bên trong thiết bị đầu cuối và cài đặt trình bổ trợ Firebase bằng phiên bản phù hợp với tệp package.json của bạn. Ví dụ: nếu các gói Genkit trong package.json của bạn ở phiên bản 1.0.4, bạn nên chạy lệnh sau để cài đặt trình bổ trợ:

    npm i --save @genkit-ai/firebase@1.0.4

  5. Trong Trình khám phá, hãy mở rộng src > ai > flows. Một hoặc nhiều tệp TypeScript có chứa các luồng Genkit sẽ xuất hiện trong thư mục flows.

  6. Nhấp vào một trong các luồng để mở luồng đó.

  7. Ở cuối phần nhập của tệp, hãy thêm nội dung sau để nhập và bật FirebaseTelemetry:

    import { enableFirebaseTelemetry } from '@genkit-ai/firebase';

enableFirebaseTelemetry();

Bước 2: Thiết lập quyền

Firebase Studio đã bật các API bắt buộc cho bạn khi thiết lập dự án Firebase, nhưng bạn cũng cần cấp quyền cho tài khoản dịch vụ App Hosting.

Cách thiết lập quyền:

  1. Mở Google Cloud bảng điều khiển IAM, chọn dự án của bạn, sau đó cấp các vai trò sau cho tài khoản dịch vụ App Hosting:

    • Monitoring Metric Writer (roles/monitoring.metricWriter)
    • Cloud Trace Agent (roles/cloudtrace.agent)
    • Logs Writer (roles/logging.logWriter)

  2. Xuất bản lại ứng dụng lên App Hosting.

  3. Sau khi xuất bản xong, hãy tải ứng dụng và bắt đầu sử dụng. Sau 5 phút, ứng dụng của bạn sẽ bắt đầu ghi dữ liệu đo từ xa.

Bước 3: Theo dõi các tính năng AI tạo sinh trên bảng điều khiển Firebase

Khi bạn định cấu hình dữ liệu đo từ xa, Genkit sẽ ghi lại số lượng yêu cầu, số lượng yêu cầu thành công và độ trễ cho tất cả các luồng của bạn. Đối với từng luồng cụ thể, Genkit sẽ thu thập các chỉ số về độ ổn định, cho thấy các biểu đồ chi tiết và ghi lại các dấu vết đã ghi nhận.

Cách theo dõi các tính năng AI được triển khai bằng Genkit:

  1. Sau 5 phút, hãy mở Genkit trong bảng điều khiển Firebase rồi xem xét các câu lệnh và câu trả lời của Genkit.

    Genkit tổng hợp các chỉ số về độ ổn định sau đây:

    • Tổng số yêu cầu: Tổng số yêu cầu mà luồng của bạn nhận được.
    • Tỷ lệ thành công: Tỷ lệ phần trăm số yêu cầu được xử lý thành công.
    • Độ trễ phân vị thứ 95: Độ trễ phân vị thứ 95 của luồng dữ liệu. Đây là thời gian cần thiết để xử lý 95% yêu cầu.

    • Số token đã dùng:

      • Số lượng mã thông báo đầu vào: Số lượng mã thông báo được gửi đến mô hình trong câu lệnh.
      • Mã thông báo đầu ra: Số lượng mã thông báo do mô hình tạo trong phản hồi.

    • Cách sử dụng hình ảnh:

      • Hình ảnh đầu vào: Số lượng hình ảnh được gửi đến mô hình trong câu lệnh.
      • Hình ảnh đầu ra: Số lượng hình ảnh do mô hình tạo trong phản hồi.

    Nếu bạn mở rộng các chỉ số về độ ổn định, thì các biểu đồ chi tiết sẽ xuất hiện:

    • Số lượng yêu cầu theo thời gian.
    • Tỷ lệ thành công theo thời gian.
    • Mã thông báo đầu vào và đầu ra theo thời gian.
    • Độ trễ (phân vị thứ 95 và 50) theo thời gian.

Tìm hiểu thêm về Genkit tại Genkit.

Bảo vệ ứng dụng của bạn bằng Firebase App Check

Nếu bạn đã tích hợp các dịch vụ của Firebase hoặc Google Cloud vào ứng dụng của mình, thì Firebase App Check sẽ giúp bảo vệ các phần phụ trợ của ứng dụng khỏi hành vi sai trái bằng cách ngăn các ứng dụng không được uỷ quyền truy cập vào tài nguyên Firebase của bạn. Nền tảng này hoạt động với cả các dịch vụ của Google (bao gồm cả các dịch vụ của Firebase và Google Cloud) và các chương trình phụ trợ tuỳ chỉnh của riêng bạn để giữ an toàn cho tài nguyên của bạn.

Bạn nên thêm App Check vào mọi ứng dụng mà bạn đăng công khai để bảo vệ các tài nguyên phụ trợ của mình khỏi hành vi sai trái.

Phần này hướng dẫn bạn cách thiết lập App Check trong Firebase Studio bằng reCAPTCHA Enterprise cho một ứng dụng web do App Prototyping agent tạo. Tuy nhiên, bạn có thể thiết lập App Check trong mọi ứng dụng triển khai các dịch vụ của Firebase và có thể triển khai các nhà cung cấp tuỳ chỉnh. Tìm hiểu thêm tại Firebase App Check.

ReCAPTCHA Enterprise cung cấp tối đa 10.000 lượt đánh giá miễn phí.

Bước 1: Thiết lập reCAPTCHA Enterprise cho ứng dụng của bạn

  1. Mở phần reCAPTCHA Enterprise của bảng điều khiển Google Cloud.

  2. Chọn tên dự án Firebase của bạn trong trình chọn dự án Google Cloud của bảng điều khiển.

  3. Nếu bạn được nhắc bật reCAPTCHA Enterprise API, hãy bật.

  4. Nhấp vào Bắt đầu rồi thêm Tên hiển thị cho khoá trang web reCAPTCHA của bạn.

  5. Chấp nhận khoá Loại ứng dụng Web mặc định.

  6. Nhấp vào Thêm miền rồi thêm một miền. Bạn nên thêm miền App Hosting (ví dụ: studio--PROJECT_ID.REGION.hosted.app) và mọi miền tuỳ chỉnh mà bạn sử dụng hoặc dự định sử dụng với ứng dụng của mình.

  7. Nhấp vào Bước tiếp theo.

  8. Bỏ chọn Bạn có sử dụng thử thách không?

  9. Nhấp vào Tạo khoá.

  10. Sao chép và lưu Giá trị nhận dạng khoá rồi chuyển sang bước Định cấu hình App Check.

Bước 2: Định cấu hình App Check

  1. Mở bảng điều khiển Firebase rồi nhấp vào Bản dựng > App Check trong trình đơn điều hướng.

  2. Nhấp vào Bắt đầu, rồi nhấp vào Đăng ký bên cạnh ứng dụng của bạn.

  3. Nhấp để mở rộng ReCAPTCHA rồi dán Mã khoá mà bạn đã tạo cho reCAPTCHA Enterprise.

  4. Nhấp vào Lưu.

Bước 3: Thêm App Check vào mã

  1. Quay lại Firebase Studio và trong chế độ xem Code, hãy thêm khoá trang web mà bạn đã tạo vào tệp .env:

    NEXT_PUBLIC_RECAPTCHA_SITE_KEY=RECAPTCHA_SITE_KEY

  2. Nếu bạn chưa lưu cấu hình Firebase vào .env, hãy lấy cấu hình đó:

    • Trên bảng điều khiển Firebase, hãy mở Cài đặt dự án rồi tìm phần tương ứng với ứng dụng của bạn.

    • Trong chế độ xem Code của Nhà ga:

      1. Đăng nhập vào Firebase: firebase auth login
      2. Chọn dự án của bạn: firebase use FIREBASE_PROJECT_ID
      3. Lấy cấu hình Firebase: firebase apps:sdkconfig

  3. Thêm cấu hình vào tệp .env để tệp này có dạng như sau:

    NEXT_PUBLIC_FIREBASE_API_KEY=FIREBASE_API_KEY
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=FIREBASE_AUTH_DOMAIN
NEXT_PUBLIC_FIREBASE_PROJECT_ID=FIREBASE_PROJECT_ID
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=FIREBASE_STORAGE_BUCKET
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=FIREBASE_MESSAGING_SENDER_ID
NEXT_PUBLIC_FIREBASE_APP_ID=FIREBASE_APP_ID
NEXT_PUBLIC_RECAPTCHA_SITE_KEY=RECAPTCHA_SITE_KEY

  4. Thêm App Check vào mã ứng dụng của bạn. Bạn có thể yêu cầu Gemini thêm App Check bằng reCAPTCHA Enterprise vào ứng dụng của mình (nhớ chỉ định "reCAPTCHA Enterprise" và nhớ kiểm tra kỹ!), hoặc làm theo các bước trong phần Khởi chạy App Check.

  5. Xuất bản lại trang web của bạn lên App Hosting. Hãy thử kiểm thử các tính năng của Firebase để tạo một số dữ liệu.

  6. Xác minh rằng App Check đang nhận các yêu cầu trong bảng điều khiển Firebase bằng cách mở Build (Bản dựng) > App Check (Kiểm tra ứng dụng).

  7. Nhấp để kiểm tra các dịch vụ của Firebase. Sau khi xác minh rằng các yêu cầu đang đến, hãy nhấp vào Thực thi để thực thi App Check.

  8. Lặp lại quy trình xác minh và thực thi cho Firebase Authentication.

Nếu sau khi đăng ký ứng dụng cho App Check, bạn muốn chạy ứng dụng trong một môi trường mà App Check thường không phân loại là hợp lệ, chẳng hạn như cục bộ trong quá trình phát triển hoặc từ môi trường tích hợp liên tục (CI), bạn có thể tạo bản gỡ lỗi của ứng dụng sử dụng trình cung cấp gỡ lỗi App Check thay vì trình cung cấp chứng thực thực. Tìm hiểu thêm tại phần Sử dụng App Check với trình cung cấp gỡ lỗi trong các ứng dụng web.

Các bước tiếp theo