ওয়েব অ্যাপ মনিটর ও সুরক্ষিত করা

আপনার অ্যাপ প্রকাশ করার পরে, আপনাকে সেগুলি মনিটর ও সুরক্ষিত করতে হবে:

App Hosting পর্যবেক্ষণযোগ্যতার মাধ্যমে আপনার সাইটের পারফর্ম্যান্স মনিটর করুন

Firebase Studio-এ অ্যাপ ওভারভিউ প্যানেল আপনার অ্যাপ সম্পর্কে গুরুত্বপূর্ণ মেট্রিক ও তথ্য প্রদান করে, যা আপনাকে App Hosting-এর বিল্ট-ইন পর্যবেক্ষণ টুল ব্যবহার করে আপনার ওয়েব অ্যাপের পারফর্ম্যান্স মনিটর করতে দেয়। আপনার সাইট রোল-আউট হওয়ার পরে, প্রকাশ করুন বিকল্পে ক্লিক করে আপনি ওভারভিউ অ্যাক্সেস করতে পারবেন। এই প্যানেল থেকে, আপনি:

  • আপনার অ্যাপের নতুন ভার্সন রিলিজ করতে প্রকাশ করুন বিকল্পে ক্লিক করুন।
  • আপনার অ্যাপের লিঙ্ক শেয়ার করুন অথবা সরাসরি আপনার অ্যাপ খুলুন আপনার অ্যাপ দেখুন বিকল্পে।
  • গত ৭ দিনে আপনার অ্যাপের পারফর্ম্যান্সের সারসংক্ষেপ পর্যালোচনা করুন, যার মধ্যে রয়েছে মোট অনুরোধের সংখ্যা এবং আপনার লেটেস্ট রোল-আউটের স্ট্যাটাস। Firebase কনসোলে আরও তথ্য অ্যাক্সেস করতে বিবরণ দেখুন বিকল্পে ক্লিক করুন।
  • HTTP স্ট্যাটাস কোড অনুযায়ী ভাগ করা, গত ২৪ ঘণ্টায় আপনার অ্যাপে পাওয়া অনুরোধের সংখ্যার গ্রাফ দেখুন।
  • Firebase Authentication এবং Cloud Firestore-এর মতো Firebase পরিষেবার অ্যাক্টিভেশন স্ট্যাটাস দেখুন।

আপনি অ্যাপ ওভারভিউ প্যানেল বন্ধ করে দিলে, প্রকাশ করুন বিকল্পে ক্লিক করে যেকোনও সময় এটি আবার খুলতে পারবেন।

App Hosting রোল-আউট ম্যানেজ ও মনিটর করা সম্পর্কে আরও জানুন রোল-আউট ও রিলিজ ম্যানেজ করুন লিঙ্কে গিয়ে।

আপনার ডিপ্লয় করা ফিচারের জন্য Genkit মনিটর করা হচ্ছে

আপনার AI ফ্লো কোডে টেলিমেট্রি চালু করে আপনি Genkit ফিচার স্টেপ, ইনপুট ও আউটপুট মনিটর করতে পারবেন। Genkit-এর টেলিমেট্রি ফিচার আপনাকে AI ফ্লোর পারফর্ম্যান্স ও ব্যবহার মনিটর করতে দেয়। এই ডেটা আপনাকে উন্নতি করার জায়গা শনাক্ত করতে, সমস্যার সমাধান করতে, আরও ভালো পারফর্ম্যান্স ও খরচ সাশ্রয়ের জন্য আপনার প্রম্পট ও ফ্লো অপ্টিমাইজ করতে এবং সময়ের সাথে সাথে আপনার ফ্লোর ব্যবহার ট্র্যাক করতে সাহায্য করতে পারে।

Genkit-এ মনিটরিং সেট-আপ করতে, আপনি Genkit AI ফ্লোতে টেলিমেট্রি যোগ করেন এবং তারপর Firebase কনসোলে ফলাফল দেখেন।

ধাপ ১: Firebase Studio-এ আপনার Genkit ফ্লো কোডে টেলিমেট্রি যোগ করুন

আপনার কোডে মনিটরিং সেট-আপ করতে:

  1. আপনি আগে থেকে Code ভিউতে না থাকলে, এটি খুলতে কোড সুইচ আইকন কোডে পাল্টান বিকল্পে ক্লিক করুন।

  2. Genkit-এর কোন ভার্সন ইনস্টল করা আছে তা যাচাই করতে package.json চেক করুন।

  3. টার্মিনাল খুলুন (Ctrl-Shift-C, অথবা MacOS-এ Cmd-Shift-C)।

  4. টার্মিনালের ভিতরে ক্লিক করুন এবং আপনার package.json ফাইলের সাথে মেলে এমন ভার্সন ব্যবহার করে Firebase প্লাগ-ইন ইনস্টল করুন। যেমন, আপনার package.json-এ Genkit প্যাকেজ 1.0.4 ভার্সনে থাকলে, প্লাগ-ইন ইনস্টল করতে আপনাকে এই কমান্ড রান করতে হবে:

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

  5. এক্সপ্লোরার থেকে, src > ai > flows বড় করুন। আপনার Genkit ফ্লো আছে এমন এক বা একাধিক TypeScript ফাইল flows ফোল্ডারে দেখা যায়।

  6. কোনও একটি ফ্লো খুলতে সেটিতে ক্লিক করুন।

  7. ফাইলের ইমপোর্ট বিভাগের নিচে, FirebaseTelemetry ইমপোর্ট ও চালু করতে নিম্নলিখিতগুলি যোগ করুন:

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

enableFirebaseTelemetry();

ধাপ ২: অনুমতি সেট-আপ করা

আপনার Firebase প্রোজেক্ট সেট-আপ করার সময় Firebase Studio আপনার জন্য প্রয়োজনীয় API চালু করেছে, তবে আপনাকে App Hosting পরিষেবা অ্যাকাউন্টকেও অনুমতি দিতে হবে।

অনুমতি সেট-আপ করতে:

  1. Google Cloud কনসোলে, IAM পৃষ্ঠায় যান এবং আপনার Firebase প্রোজেক্ট বেছে নিন।

  2. App Hosting পরিষেবা অ্যাকাউন্ট-কে নিম্নলিখিত ভূমিকা দিন:

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

  3. আপনার অ্যাপ আবার প্রকাশ করুন App Hosting-এ।

  4. প্রকাশ করা হয়ে গেলে, আপনার অ্যাপ লোড করে ব্যবহার করা শুরু করুন। পাঁচ মিনিট পরে, আপনার অ্যাপ টেলিমেট্রি ডেটা লগ করা শুরু করবে।

ধাপ ৩: Firebase কনসোলে আপনার জেনারেটিভ AI ফিচার মনিটর করুন

টেলিমেট্রি কনফিগার করা হলে, Genkit আপনার সব ফ্লোয়ের জন্য অনুরোধের সংখ্যা, সাফল্য ও লেটেন্সি রেকর্ড করে এবং প্রতিটি নির্দিষ্ট ফ্লোয়ের জন্য Genkit স্টেবিলিটি মেট্রিক সংগ্রহ করে, বিস্তারিত গ্রাফ দেখায় এবং ক্যাপচার করা ট্রেস লগ করে।

Genkit-এর মাধ্যমে প্রয়োগ করা আপনার AI ফিচার মনিটর করতে:

  1. পাঁচ মিনিট পরে, Firebase কনসোলে, Genkit থেকে প্রম্পট ও উত্তর পর্যালোচনা করতে, AI পরিষেবা > Genkit বিকল্পে যান।

  2. Genkit-এর দ্বারা সংকলিত নিম্নলিখিত স্টেবিলিটি মেট্রিক আপনি পর্যালোচনা করতে পারবেন:

    • মোট অনুরোধ: আপনার ফ্লোতে পাওয়া মোট অনুরোধের সংখ্যা।
    • সাফল্যের হার: অনুরোধের শতাংশ যা সফলভাবে প্রসেস করা হয়েছে।
    • ৯৫তম পার্সেন্টাইল লেটেন্সি: আপনার ফ্লোয়ের ৯৫তম পার্সেন্টাইল লেটেন্সি, যা হল ৯৫% অনুরোধ প্রসেস করতে যে সময় লাগে।

    • টোকেনের ব্যবহার:

      • ইনপুট টোকেন: প্রম্পটে মডেলে পাঠানো টোকেনের সংখ্যা।
      • আউটপুট টোকেন: উত্তরে মডেলের মাধ্যমে তৈরি করা টোকেনের সংখ্যা।

    • ছবির ব্যবহার:

      • ইনপুট ছবি: প্রম্পটে মডেলকে পাঠানো ছবির সংখ্যা।
      • আউটপুট ছবি: উত্তরে মডেলের মাধ্যমে জেনারেট করা ছবির সংখ্যা।

  3. নিম্নলিখিত বিস্তারিত গ্রাফ দেখতে আপনি স্টেবিলিটি মেট্রিক বড় করতে পারেন:

    • সময়ের সাথে সাথে অনুরোধের সংখ্যা।
    • সময়ের সাথে সাথে সাফল্যের হার।
    • সময়ের সাথে সাথে ইনপুট ও আউটপুট টোকেন।
    • সময়ের সাথে সাথে লেটেন্সি (৯৫তম এবং ৫০তম পার্সেন্টাইল)।

Genkit সম্পর্কে আরও জানতে, তাদের ডকুমেন্টেশন দেখুন।

Firebase App Check-এর মাধ্যমে আপনার অ্যাপ সুরক্ষিত রাখুন

আপনি যদি নিজের অ্যাপে Firebase বা Google Cloud পরিষেবা ইন্টিগ্রেট করে থাকেন, তাহলে অননুমোদিত ক্লায়েন্টদের আপনার Firebase রিসোর্স অ্যাক্সেস করা থেকে আটকানোর মাধ্যমে Firebase App Check আপনার অ্যাপের ব্যাকএন্ডকে অপব্যবহার থেকে সুরক্ষিত রাখতে সাহায্য করে। আপনার রিসোর্স সুরক্ষিত রাখতে এটি Google পরিষেবা (Firebase ও Google Cloud পরিষেবা সহ) এবং আপনার নিজস্ব কাস্টম ব্যাকএন্ড, দুটির সাথেই কাজ করে।

আপনার ব্যাকএন্ড রিসোর্স অপব্যবহার থেকে সুরক্ষিত রাখতে, সর্বজনীনভাবে পোস্ট করা যেকোনও অ্যাপে App Check যোগ করার সাজেশন আমরা দিই।

এই বিভাগটি আপনাকে App Prototyping agent দ্বারা তৈরি একটি ওয়েব অ্যাপের জন্য reCAPTCHA Enterprise ব্যবহার করে Firebase Studio-এর মধ্যে App Check সেট আপ করার মাধ্যমে গাইড করে, কিন্তু আপনি Firebase পরিষেবাগুলি বাস্তবায়ন করে এবং কাস্টম প্রদানকারী বাস্তবায়ন করতে পারে এমন যেকোনও অ্যাপের মধ্যে App Check সেট আপ করতে পারেন। আরও জানতে Firebase App Check লিঙ্কে যান।

ReCAPTCHA Enterprise বিনা খরচে সর্বাধিক ১০,০০০টি মূল্যায়ন প্রদান করে।

ধাপ ১: আপনার অ্যাপের জন্য reCAPTCHA Enterprise সেট-আপ করা

  1. Google Cloud কনসোলের reCAPTCHA Enterprise বিভাগ খুলুন।

  2. Google Cloud কনসোল প্রোজেক্ট পিকার থেকে আপনার Firebase প্রোজেক্টের নাম বেছে নিন।

  3. আপনাকে reCAPTCHA Enterprise API চালু করতে বলা হলে, তা করুন।

  4. শুরু করুন বিকল্পে ক্লিক করুন এবং আপনার reCAPTCHA সাইট কীয়ের জন্য একটি যে নাম দেখানো হবে যোগ করুন।

  5. ডিফল্ট ওয়েব অ্যাপ্লিকেশন টাইপ কী গ্রহণ করুন।

  6. ডোমেন যোগ করুন বিকল্পে ক্লিক করে ডোমেন যোগ করুন। আপনি নিজের App Hosting ডোমেন (যেমন, studio--PROJECT_ID.REGION.hosted.app) এবং আপনার অ্যাপের সাথে ব্যবহার করেন বা ব্যবহার করার পরিকল্পনা করছেন এমন যেকোনও কাস্টম ডোমেন যোগ করতে চাইবেন।

  7. পরবর্তী ধাপ বিকল্পে ক্লিক করুন।

  8. আপনি কি চ্যালেঞ্জ ব্যবহার করবেন? বিকল্পটি বেছে নেবেন না।

  9. কী তৈরি করুন বিকল্পে ক্লিক করুন।

  10. আপনার কী আইডি কপি করে সেভ করুন এবং কনফিগার করুন App Check বিকল্পে যান।

ধাপ ২: App Check কনফিগার করুন

  1. Firebase কনসোল খুলুন এবং নেভিগেশন মেনু থেকে বিল্ড > App Check বিকল্পে ক্লিক করুন।

  2. শুরু করা যাক বিকল্পে ক্লিক করুন, তারপর আপনার অ্যাপের পাশে রেজিস্টার করুন বিকল্পে ক্লিক করুন।

  3. ReCAPTCHA বড় করে দেখতে ক্লিক করুন এবং reCAPTCHA Enterprise-এর জন্য আপনার তৈরি করা কী আইডি পেস্ট করুন।

  4. সেভ করুন বিকল্পে ক্লিক করুন।

ধাপ ৩: আপনার কোডে App Check যোগ করুন

  1. Firebase Studio-এ ফিরে যান এবং Code ভিউতে, আপনার .env ফাইলে জেনারেট করা সাইট কী যোগ করুন:

    NEXT_PUBLIC_RECAPTCHA_SITE_KEY=RECAPTCHA_SITE_KEY

  2. আপনার Firebase কনফিগারেশন আগে থেকে .env-এ সেভ করা না থাকলে, এটি পান:

    • Firebase কনসোল থেকে, প্রোজেক্ট সেটিংস খুলুন এবং আপনার অ্যাপের সাথে সম্পর্কিত বিভাগের মধ্যে এটি খুঁজুন।

    • Code ভিউতে Terminal থেকে:

      1. Firebase-এ লগ-ইন করুন: firebase auth login
      2. আপনার প্রোজেক্ট বেছে নিন: firebase use FIREBASE_PROJECT_ID
      3. Firebase কনফিগারেশন পান: firebase apps:sdkconfig

  3. আপনার .env ফাইলে কনফিগারেশন যোগ করুন যাতে এটি নিম্নলিখিতের মতো দেখায়:

    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. আপনার অ্যাপ কোডে App Check যোগ করুন। আপনি Gemini-কে আপনার অ্যাপে reCAPTCHA Enterprise-এর সাথে App Check যোগ করতে বলতে পারেন ("reCAPTCHA Enterprise" উল্লেখ করতে ভুলবেন না এবং এটি ডবল-চেক করতে ভুলবেন না!), অথবা ইনিশিয়ালাইজ করুন App Check-এ দেওয়া ধাপগুলি অনুসরণ করুন।

  5. App Hosting-এ আপনার সাইট আবার প্রকাশ করুন। কিছু ডেটা জেনারেট করতে আপনার ডেটাবেস ও যাচাইকরণ ফিচার পরীক্ষা করে দেখুন।

  6. Firebase কনসোলে App Check অনুরোধ পাচ্ছে কিনা তা যাচাই করতে বিল্ড > App Check বিকল্প খুলুন।

  7. Cloud Firestore পরীক্ষা করতে ক্লিক করুন। অনুরোধ এসেছে কিনা তা যাচাই করার পরে, App Check এনফোর্স করতে এনফোর্স করুন বিকল্পে ক্লিক করুন।

  8. Firebase Authentication-এর জন্য যাচাইকরণ ও এনফোর্সমেন্ট আবার করুন।

App Check-এর জন্য আপনার অ্যাপ রেজিস্টার করার পরে, আপনি যদি এমন কোনও পরিবেশে আপনার অ্যাপ চালাতে চান, যেটিকে App Check সাধারণত বৈধ হিসেবে শ্রেণীবদ্ধ করবে না, যেমন ডেভেলপমেন্টের সময় স্থানীয়ভাবে, বা একটি কন্টিনিউয়াস ইন্টিগ্রেশন (CI) পরিবেশ থেকে, আপনি আপনার অ্যাপের একটি ডিবাগ বিল্ড তৈরি করতে পারেন যা আসল অ্যাটেস্টেশন প্রোভাইডারের পরিবর্তে App Check ডিবাগ প্রোভাইডার ব্যবহার করে। ওয়েব অ্যাপে ডিবাগ প্রোভাইডারের সাথে App Check ব্যবহার করুন লিঙ্ক থেকে আরও জানুন।

পরবর্তী ধাপ