Firebase Studio একটি ওয়েব-ভিত্তিক ইন্টারফেস রয়েছে যা আপনাকে স্বাভাবিক ভাষা, ছবি এবং ড্রয়িং টুলের মতো মাল্টিমোডাল প্রম্পট ব্যবহার করে দ্রুত এআই-চালিত ওয়েব অ্যাপের প্রোটোটাইপ তৈরি করতে দেয়। এই এজেন্টটি নেক্সট.জেএস (Next.js) অ্যাপ সমর্থন করে এবং ভবিষ্যতে অন্যান্য প্ল্যাটফর্ম ও ফ্রেমওয়ার্কের জন্যও এটি যুক্ত করার পরিকল্পনা রয়েছে।
App Prototyping agent হলো একটি সুবিন্যস্ত নো-কোড ডেভেলপমেন্ট প্রক্রিয়া, যা জেনারেটিভ এআই ব্যবহার করে একটি ফুল-স্ট্যাক, এজেন্টিক ওয়েব অ্যাপ তৈরি, পরীক্ষা, পুনরাবৃত্তি এবং প্রকাশ করে। আপনি স্বাভাবিক ভাষায় একটি ঐচ্ছিক ছবিসহ আপনার অ্যাপের ধারণাটি বর্ণনা করেন এবং এজেন্টটি একটি অ্যাপ ব্লুপ্রিন্ট, কোড এবং একটি ওয়েব প্রিভিউ তৈরি করে দেয়। আপনার ফুল-স্ট্যাক অ্যাপের ডেভেলপমেন্ট এবং পাবলিশিং-এ সহায়তা করার জন্য, Firebase Studio আপনার জন্য স্বয়ংক্রিয়ভাবে নিম্নলিখিত পরিষেবাগুলো সরবরাহ করতে পারে:
- আপনার অ্যাপে যদি এআই (AI) ব্যবহৃত হয়, তাহলে Firebase Studio আপনার অ্যাপে জেমিনি ডেভেলপার এপিআই (Gemini Developer API) যুক্ত করে, যা জেমিনির সাথে কাজ করার জন্য জেনকিট ফ্লো Genkit flows)-এর শক্তিকে কাজে লাগায়। আপনি আপনার নিজস্ব জেমিনি এপিআই কী (Gemini API key) ব্যবহার করতে পারেন অথবা Firebase Studio আপনার জন্য একটি ফায়ারবেস প্রজেক্ট এবং জেমিনি এপিআই কী তৈরি করে দিতে দিতে পারেন।
- আপনি যদি আপনার অ্যাপটি ওয়েবে প্রকাশ করতে চান: Firebase Studio একটি প্রজেক্ট তৈরি করে এবং Firebase App Hosting মাধ্যমে আপনার অ্যাপটি দ্রুত প্রকাশ করার একটি উপায় প্রদান করে।
আপনি Firebase Studio থেকেই স্বাভাবিক ভাষা, ছবি এবং ড্রয়িং টুল ব্যবহার করে অ্যাপটিকে আরও উন্নত করতে, সরাসরি কোড সম্পাদনা করতে, পরিবর্তনগুলো পূর্বাবস্থায় ফিরিয়ে আনতে, অ্যাপটি প্রকাশ করতে এবং এর কর্মক্ষমতা নিরীক্ষণ করতে পারেন।
শুরু করুন
App Prototyping agent দিয়ে কাজ শুরু করতে, এই ধাপগুলো অনুসরণ করুন:
আপনার গুগল অ্যাকাউন্টে লগ ইন করুন এবং Firebase Studio খুলুন।
'এআই সহ একটি অ্যাপের প্রোটোটাইপ' অংশে, আপনার অ্যাপের ধারণাটি স্বাভাবিক ভাষায় বর্ণনা করুন।
উদাহরণস্বরূপ, একটি রেসিপি তৈরির অ্যাপ তৈরি করতে আপনি নিম্নলিখিতের মতো একটি প্রম্পট লিখতে পারেন:
Use secure coding practices to create an error-free web app that lets users upload a photo or take a picture with their browser camera. The app identifies the food in the picture and generates a recipe and accompanying image that includes that food. If no food product is identified, generate a random dessert recipe.ঐচ্ছিকভাবে, আপনার প্রম্পটের সাথে একটি ছবি আপলোড করুন। উদাহরণস্বরূপ, আপনি আপনার অ্যাপের জন্য কাঙ্ক্ষিত কালার স্কিম সম্বলিত একটি ছবি আপলোড করতে পারেন এবং Firebase Studio সেটি ব্যবহার করতে বলতে পারেন। ছবির সাইজ অবশ্যই ৩ MiB-এর কম হতে হবে।
এআই দিয়ে প্রোটোটাইপ তৈরি করুন।
App Prototyping agent আপনার দেওয়া নির্দেশনার উপর ভিত্তি করে একটি অ্যাপ ব্লুপ্রিন্ট তৈরি করে এবং একটি প্রস্তাবিত অ্যাপের নাম, প্রয়োজনীয় ফিচার ও স্টাইল নির্দেশিকা প্রদান করে।
ব্লুপ্রিন্টটি পর্যালোচনা করুন। প্রয়োজনে কিছু পরিবর্তন করুন। উদাহরণস্বরূপ, আপনি এই বিকল্পগুলির মধ্যে একটি ব্যবহার করে প্রস্তাবিত অ্যাপের নাম বা কালার স্কিম পরিবর্তন করতে পারেন:
কাস্টমাইজ-এ ক্লিক করে সরাসরি ব্লুপ্রিন্টটি সম্পাদনা করুন। আপনার পরিবর্তনগুলো করে সেভ-এ ক্লিক করুন।
চ্যাট প্যানেলের 'Describe...' ফিল্ডে, বিষয়টি স্পষ্ট করার জন্য প্রশ্ন ও প্রাসঙ্গিক তথ্য যোগ করুন। আপনি অতিরিক্ত ছবিও আপলোড করতে পারেন।
এই অ্যাপটির প্রোটোটাইপ তৈরি করতে ক্লিক করুন।
App Prototyping agent আপনার অ্যাপের কোডিং শুরু করে।
- আপনার অ্যাপে যদি AI ব্যবহৃত হয়, তাহলে আপনাকে একটি Gemini API কী যোগ করতে বা তৈরি করতে বলা হবে। আপনি যদি 'Auto-generate'-এ ক্লিক করেন, তাহলে App Prototyping agent আপনার জন্য একটি Firebase প্রজেক্ট এবং একটি Gemini API কী প্রস্তুত করে দেবে।
পরীক্ষা করুন, পরিমার্জন করুন, ডিবাগ করুন এবং পুনরাবৃত্তি করুন
প্রাথমিক অ্যাপটি তৈরি হয়ে গেলে, আপনি এটি পরীক্ষা, পরিমার্জন, ডিবাগ এবং পুনরাবৃত্তি করতে পারবেন।
আপনার অ্যাপ পর্যালোচনা করুন এবং এর সাথে ইন্টারঅ্যাক্ট করুন: কোড জেনারেশন সম্পন্ন হলে, আপনার অ্যাপের একটি প্রিভিউ দেখা যাবে। আপনি সরাসরি প্রিভিউটি পরীক্ষা করার জন্য এর সাথে ইন্টারঅ্যাক্ট করতে পারেন। আরও জানতে ‘আপনার অ্যাপের প্রিভিউ দেখুন’ দেখুন ।
Cloud Firestore এবং Firebase Authentication যোগ করুন: ইটারেশন পর্যায়ে, আপনি App Prototyping agent Cloud Firestore এবং Firebase Authentication ব্যবহার করে ইউজার অথেনটিকেশন এবং একটি ডেটাবেস যোগ করতে বলতে পারেন। উদাহরণস্বরূপ, নিম্নলিখিতের মতো একটি প্রম্পটের মাধ্যমে ব্যবহারকারীদের রেসিপি সেভ এবং ডাউনলোড করার সুবিধা দিন:
Add user authentication to the app. Authenticated users can: - Download the recipe and its generated image as a PDF (Print). - Save the recipe as public or private and make accessible to a search feature. For now, just save the text, not the image, to the database. Important: Only authenticated users can download the PDF.ত্রুটি দেখা দেওয়ার সাথে সাথেই তা সমাধান করুন: বেশিরভাগ ক্ষেত্রে, App Prototyping agent আপনাকে উদ্ভূত ত্রুটিগুলো সমাধান করার জন্য অনুরোধ করে। এটি সমাধান করার চেষ্টা করার অনুমতি দিতে ‘ফিক্স এরর’ (Fix Error) এ ক্লিক করুন।
যদি আপনি এমন কোনো ত্রুটি পান যা স্বয়ংক্রিয়ভাবে ঠিক করার জন্য আপনাকে বলা হয় না, তাহলে ত্রুটিটি এবং এর সাথে প্রাসঙ্গিক তথ্য (উদাহরণস্বরূপ, "আপনি কি আমার Firebase ইনিশিয়ালাইজেশন কোডের এই ত্রুটিটি ঠিক করে দিতে পারবেন?") চ্যাট উইন্ডোতে কপি করে Gemini- কে পাঠিয়ে দিন।
স্বাভাবিক ভাষা ব্যবহার করে পরীক্ষা ও পরিমার্জন করুন: আপনার অ্যাপটি পুঙ্খানুপুঙ্খভাবে পরীক্ষা করুন এবং App Prototyping agent সাহায্যে কোড ও ব্লুপ্রিন্টে পরিমার্জন করতে থাকুন, যতক্ষণ না আপনি এতে সন্তুষ্ট হচ্ছেন।
Prototyper ভিউতে থাকাকালীন, আপনি নিম্নলিখিত বৈশিষ্ট্যগুলিও ব্যবহার করতে পারেন:
ক্লিক করুন
প্রিভিউ উইন্ডোতে সরাসরি আঁকতে টীকা যোগ করুন । App Prototyping agent কী পরিবর্তন করবে তা চাক্ষুষভাবে বর্ণনা করতে, উপলব্ধ শেপ, ইমেজ এবং টেক্সট টুলগুলোর সাথে একটি ঐচ্ছিক টেক্সট প্রম্পট ব্যবহার করুন।ক্লিক করুন
একটি নির্দিষ্ট উপাদান নির্বাচন করতে এবং App Prototyping agent জন্য নির্দেশাবলী লিখতে এটি নির্বাচন করুন । এর মাধ্যমে আপনি দ্রুত একটি নির্দিষ্ট আইকন, বাটন, টেক্সট বা অন্য কোনো উপাদানকে টার্গেট করতে পারবেন। কোনো ছবিতে ক্লিক করলে, আপনার কাছে আনস্প্ল্যাশ (Unsplash) থেকে একটি স্টক ইমেজ খুঁজে বের করে নির্বাচন করার বিকল্পও থাকবে।
ঐচ্ছিকভাবে, আপনি ক্লিক করতে পারেন
Firebase Studio পাবলিক প্রিভিউ ব্যবহার করে আপনার অ্যাপটি সর্বজনীনভাবে এবং সাময়িকভাবে শেয়ার করতে প্রিভিউ লিঙ্কটি শেয়ার করুন ।
একটি Firebase প্রজেক্ট তৈরি করুন: আপনি যখন নিম্নলিখিত কাজগুলো করেন, তখন App Prototyping agent আপনার পক্ষ থেকে একটি Firebase প্রজেক্ট প্রস্তুত করে:
- একটি জেমিনি এপিআই কী স্বয়ংক্রিয়ভাবে তৈরি করুন
- আপনার অ্যাপটিকে একটি ফায়ারবেস প্রজেক্টের সাথে সংযুক্ত করতে বলুন।
- আপনার অ্যাপকে ফায়ারবেস পরিষেবা, যেমন Cloud Firestore বা Firebase Authentication সাথে সংযুক্ত করতে সাহায্য চান।
- পাবলিশ বোতামে ক্লিক করুন এবং Firebase App Hosting সেট আপ করুন।
আপনার ওয়ার্কস্পেসের সাথে সংযুক্ত ফায়ারবেস প্রজেক্ট পরিবর্তন করতে, এর পরিবর্তে আপনি যে প্রজেক্ট আইডিটি ব্যবহার করতে চান, সেটি দিয়ে App Prototyping agent নির্দেশ দিন। উদাহরণস্বরূপ, "
<your-project-id>আইডিযুক্ত ফায়ারবেস প্রজেক্টে পরিবর্তন করুন।"অ্যাপটি পরীক্ষা করুন এবং Cloud Firestore ডেটাবেস নিয়মগুলো যাচাই করুন: অ্যাপ প্রিভিউ প্যানে, বিভিন্ন খাবারের একটি ছবি আপলোড করে আপনার অ্যাপটি উপকরণ শনাক্ত করতে এবং রেসিপি তৈরি ও সংরক্ষণ করতে পারে কিনা তা পরীক্ষা করুন।
বিভিন্ন ব্যবহারকারী হিসাবে সাইন ইন করুন এবং রেসিপি তৈরি করুন: নিশ্চিত করুন যে প্রমাণীকৃত ব্যবহারকারীরা তাদের ব্যক্তিগত রেসিপি দেখতে পারেন এবং সকল ব্যবহারকারী সর্বজনীন রেসিপি দেখতে পান।
আপনি যখন App Prototyping agent Cloud Firestore যোগ করতে বলেন, তখন এটি আপনার জন্য Cloud Firestore ডাটাবেস রুলগুলো লিখে ও স্থাপন করে। Firebase কনসোলে রুলগুলো পর্যালোচনা করুন।
সরাসরি কোডে ডিবাগ ও পুনরাবৃত্তি করুন: ক্লিক করুন
Code ভিউ খুলতে কোড মোডে যান , যেখানে আপনি আপনার অ্যাপের সমস্ত ফাইল দেখতে এবং সরাসরি আপনার কোড পরিবর্তন করতে পারবেন। আপনি যেকোনো সময় Prototyper মোডে ফিরে যেতে পারেন।
Code ভিউতে থাকাকালীন, আপনি নিম্নলিখিত সহায়ক বৈশিষ্ট্যগুলিও ব্যবহার করতে পারেন:
আপনার অ্যাপ পরিদর্শন, ডিবাগ এবং নিরীক্ষা করার জন্য Firebase Studio -এর অন্তর্নির্মিত ডিবাগিং এবং রিপোর্টিং বৈশিষ্ট্যসমূহ ।
আপনার কোডের মধ্যেই অথবা Gemini ইন্টারেক্টিভ চ্যাটের Gemini এআই সহায়তা নিন (উভয়ই ডিফল্টরূপে উপলব্ধ)। ইন্টারেক্টিভ চ্যাট সমস্যা নির্ণয় করতে, সমাধান দিতে এবং আপনার অ্যাপ দ্রুত ঠিক করতে সাহায্য করার জন্য টুল চালাতে পারে। চ্যাট অ্যাক্সেস করতে, ওয়ার্কস্পেসের নীচে স্পার্ক Gemini তে ক্লিক করুন।
ডাটাবেস এবং প্রমাণীকরণ ডেটা দেখতে Firebase Local Emulator Suite অ্যাক্সেস করুন । আপনার ওয়ার্কস্পেসে এমুলেটরটি খুলতে:
ক্লিক করুন
কোড-এ যান এবং Firebase Studio এক্সটেনশনটি খুলুন (
Ctrl+',Ctrl+', অথবা MacOS-এCmd+',Cmd+')।ব্যাকএন্ড পোর্টস পর্যন্ত স্ক্রোল করুন এবং এটি প্রসারিত করুন।
পোর্ট 4000- এর সাথে সম্পর্কিত অ্যাকশন কলামে, 'নতুন উইন্ডোতে খুলুন' (Open in new window) বিকল্পে ক্লিক করুন।
Test and measure your generative AI feature performance: You can use the Genkit Developer UI to run your Genkit AI flows, test, debug, interact with different models, refine your prompts, and more.
আপনার Genkit ফ্লো-গুলি Genkit ডেভেলপার UI-তে লোড করতে এবং টেস্টিং শুরু করতে:
আপনার Firebase Studio ওয়ার্কস্পেসের টার্মিনাল থেকে, আপনার Gemini API কী সোর্স করতে এবং Genkit সার্ভার চালু করতে নিম্নলিখিত কমান্ডটি চালান:
npm run genkit:watchGenkit Developer UI লিঙ্কে ক্লিক করুন। একটি নতুন উইন্ডোতে Genkit Developer UI খুলবে, যেখানে আপনার ফ্লো, প্রম্পট, এমবেডার এবং বিভিন্ন উপলব্ধ মডেলের একটি তালিকা থাকবে।
Genkit Developer Tools-এ Genkit Developer UI সম্পর্কে আরও জানুন।
Firebase App Hosting দিয়ে আপনার অ্যাপ প্রকাশ করুন
আপনার ওয়ার্কস্পেসে অ্যাপটি পরীক্ষা করে সন্তুষ্ট হওয়ার পর, আপনি Firebase App Hosting ব্যবহার করে এটি ওয়েবে প্রকাশ করতে পারেন।
আপনি যখন App Hosting সেট আপ করেন, তখন Firebase Studio আপনার জন্য একটি Firebase প্রজেক্ট তৈরি করে দেয় (যদি Gemini API কী বা অন্যান্য ব্যাকএন্ড পরিষেবা স্বয়ংক্রিয়ভাবে তৈরি করার মাধ্যমে আগে থেকে কোনোটি তৈরি না থাকে) এবং একটি Cloud Billing অ্যাকাউন্ট লিঙ্ক করার বিষয়ে আপনাকে নির্দেশনা দেয়।
আপনার অ্যাপ প্রকাশ করতে:
আপনার Firebase প্রজেক্ট সেট আপ করতে এবং আপনার অ্যাপটি প্রকাশ করতে Publish-এ ক্লিক করুন। এরপর Publish your app প্যানেলটি প্রদর্শিত হবে।
ফায়ারবেস প্রজেক্ট ধাপে, App Prototyping agent ওয়ার্কস্পেসের সাথে যুক্ত ফায়ারবেস প্রজেক্টটি প্রদর্শন করে। যদি আগে থেকে কোনো ফায়ারবেস প্রজেক্ট না থাকে, তাহলে App Prototyping agent আপনার জন্য একটি নতুন প্রজেক্ট তৈরি করে দেয়। এগিয়ে যেতে Next-এ ক্লিক করুন।
Cloud Billing অ্যাকাউন্ট লিঙ্ক করার ধাপে, নিম্নলিখিতগুলির মধ্যে একটি বেছে নিন:
আপনার ফায়ারবেস প্রজেক্টের সাথে যে Cloud Billing অ্যাকাউন্টটি লিঙ্ক করতে চান, সেটি নির্বাচন করুন।
আপনার যদি কোনো Cloud Billing অ্যাকাউন্ট না থাকে বা আপনি একটি নতুন অ্যাকাউন্ট তৈরি করতে চান, তাহলে ‘Create a Cloud Billing account’-এ ক্লিক করুন। এটি Google Cloud কনসোল খুলবে, যেখানে আপনি একটি নতুন সেলফ-সার্ভ Cloud Billing অ্যাকাউন্ট তৈরি করতে পারবেন। অ্যাকাউন্টটি তৈরি করার পর, Firebase Studio তে ফিরে যান এবং ‘Link Cloud Billing তালিকা থেকে অ্যাকাউন্টটি নির্বাচন করুন।
Click Next . Firebase Studio links the billing account to the project associated with your workspace, created either when you auto-generated a Gemini API key or when you clicked Publish .
'সেট আপ সার্ভিসেস'- এ ক্লিক করুন। App Prototyping agent ফায়ারবেস সার্ভিসগুলো প্রোভিশনিং করা শুরু করবে।
এখনই প্রকাশ করুন-এ ক্লিক করুন। Firebase Studio Firebase পরিষেবাগুলি সেট আপ করে এবং তারপর App Hosting রোলআউট চালু করে। এটি সম্পূর্ণ হতে কয়েক মিনিট পর্যন্ত সময় লাগতে পারে। নেপথ্যে কী ঘটছে সে সম্পর্কে আরও জানতে, App Hosting বিল্ড প্রক্রিয়া দেখুন।
পাবলিশ ধাপটি সম্পন্ন হলে, App Hosting অবজার্ভেবিলিটি দ্বারা চালিত একটি ইউআরএল এবং অ্যাপ ইনসাইটস সহ অ্যাপের ওভারভিউ প্রদর্শিত হয়। ফায়ারবেস-জেনারেটেড ডোমেইনের পরিবর্তে একটি কাস্টম ডোমেইন (যেমন example.com বা app.example.com) ব্যবহার করতে, আপনি Firebase কনসোলে একটি কাস্টম ডোমেইন যোগ করতে পারেন।
App Hosting সম্পর্কে আরও তথ্যের জন্য, App Hosting বুঝুন এবং এটি কীভাবে কাজ করে" দেখুন।
Firebase App Check এবং reCAPTCHA Enterprise দিয়ে আপনার অ্যাপ সুরক্ষিত করুন
আপনি যদি আপনার অ্যাপে Firebase বা Google Cloud পরিষেবা যুক্ত করে থাকেন, Firebase App Check অননুমোদিত ক্লায়েন্টদের আপনার Firebase রিসোর্স অ্যাক্সেস করতে বাধা দিয়ে আপনার অ্যাপের ব্যাকএন্ডকে অপব্যবহার থেকে রক্ষা করতে সাহায্য করে। এটি আপনার রিসোর্স সুরক্ষিত রাখতে Google পরিষেবা (Firebase এবং Google Cloud পরিষেবা সহ) এবং আপনার নিজস্ব কাস্টম ব্যাকএন্ড উভয়ের সাথেই কাজ করে।
আপনার ব্যাকএন্ড রিসোর্সকে অপব্যবহার থেকে সুরক্ষিত রাখতে, সর্বজনীনভাবে পোস্ট করা যেকোনো অ্যাপে App Check যোগ করার পরামর্শ দেওয়া হয়।
এই বিভাগটি আপনাকে App Prototyping agent দ্বারা তৈরি একটি ওয়েব অ্যাপের জন্য reCAPTCHA Enterprise ব্যবহার করে Firebase Studio মধ্যে App Check সেট আপ করার বিষয়ে নির্দেশনা দেয়, তবে আপনি এমন যেকোনো অ্যাপের মধ্যেই App Check সেট আপ করতে পারেন যা Firebase পরিষেবাগুলি প্রয়োগ করে এবং কাস্টম প্রোভাইডার বাস্তবায়ন করতে পারে। Firebase App Check এ আরও জানুন।
ReCAPTCHA Enterprise বিনামূল্যে ১০,০০০টি পর্যন্ত অ্যাসেসমেন্টের সুযোগ প্রদান করে।
ধাপ ১: আপনার অ্যাপের জন্য reCAPTCHA Enterprise সেট আপ করুন।
Google Cloud কনসোলের reCAPTCHA Enterprise সেকশনটি খুলুন।
Google Cloud কনসোল প্রজেক্ট পিকার থেকে আপনার ফায়ারবেস প্রজেক্টের নামটি নির্বাচন করুন।
আপনাকে reCAPTCHA Enterprise API চালু করতে বলা হলে, তা করুন।
'Get started'- এ ক্লিক করুন এবং আপনার reCAPTCHA সাইট কী-এর জন্য একটি ডিসপ্লে নাম যোগ করুন।
ডিফল্ট ওয়েব অ্যাপ্লিকেশন টাইপ কী-টি গ্রহণ করুন।
'Add a domain'-এ ক্লিক করে একটি ডোমেইন যোগ করুন। আপনাকে আপনার App Hosting ডোমেইন (উদাহরণস্বরূপ,
studio-- PROJECT_ID . REGION .hosted.app) এবং আপনার অ্যাপের সাথে ব্যবহৃত বা ব্যবহার করার পরিকল্পনা রয়েছে এমন যেকোনো কাস্টম ডোমেইন যোগ করতে হবে।পরবর্তী ধাপে ক্লিক করুন।
আপনি কি চ্যালেঞ্জ ব্যবহার করবেন? বিকল্পটি নির্বাচন না করে রেখে দিন।
কী তৈরি করুন -এ ক্লিক করুন।
আপনার কী আইডি কপি করে সংরক্ষণ করুন এবং App Check এ এগিয়ে যান।
ধাপ ২: App Check কনফিগার করুন
Firebase কনসোলটি খুলুন এবং নেভিগেশন মেনু থেকে Build > App Check-এ ক্লিক করুন।
'Get started'- এ ক্লিক করুন, তারপর আপনার অ্যাপের পাশে থাকা 'Register'-এ ক্লিক করুন।
ReCAPTCHA প্রসারিত করতে ক্লিক করুন এবং reCAPTCHA Enterprise-এর জন্য আপনার তৈরি করা Key ID-টি পেস্ট করুন।
সংরক্ষণ করুন- এ ক্লিক করুন।
ধাপ ৩: আপনার কোডে App Check যোগ করুন
Firebase Studio তে ফিরে যান এবং Code ভিউতে, আপনার তৈরি করা সাইট কী-টি আপনার
.envফাইলে যোগ করুন:NEXT_PUBLIC_RECAPTCHA_SITE_KEY=RECAPTCHA_SITE_KEYআপনার Firebase কনফিগারেশন যদি আগে থেকেই
.envফাইলে সেভ করা না থাকে, তাহলে তা সংগ্রহ করুন:Firebase কনসোল থেকে, প্রজেক্ট সেটিংস খুলুন এবং আপনার অ্যাপের সাথে সম্পর্কিত বিভাগের মধ্যে এটি খুঁজুন।
Code ভিউতে টার্মিনাল থেকে:
- ফায়ারবেসে লগ ইন করুন:
firebase auth login - আপনার প্রজেক্ট নির্বাচন করুন:
firebase use FIREBASE_PROJECT_ID - Firebase কনফিগারেশনটি সংগ্রহ করুন:
firebase apps:sdkconfig
- ফায়ারবেসে লগ ইন করুন:
আপনার
.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আপনার অ্যাপ কোডে App Check যোগ করুন। আপনি জেমিনিকে আপনার অ্যাপে reCAPTCHA Enterprise সহ App Check যোগ করতে বলতে পারেন (অবশ্যই "reCAPTCHA Enterprise" উল্লেখ করবেন এবং এটি ভালোভাবে যাচাই করে নেবেন!), অথবা App Check শুরু করার ধাপগুলো অনুসরণ করুন।
আপনার সাইটটি App Hosting -এ পুনরায় প্রকাশ করুন। কিছু ডেটা তৈরি করতে আপনার ডাটাবেস এবং প্রমাণীকরণ বৈশিষ্ট্যগুলি পরীক্ষা করে দেখুন।
Firebase কনসোলে Build > App Check খুলে যাচাই করুন যে App Check অনুরোধ গ্রহণ করছে।
Cloud Firestore পরিদর্শন করতে ক্লিক করুন। অনুরোধগুলো আসছে কিনা তা যাচাই করার পর, App Check কার্যকর করতে ‘এনফোর্স’-এ ক্লিক করুন।
Firebase Authentication পুনরাবৃত্তিমূলক যাচাইকরণ এবং প্রয়োগ।
App Check জন্য আপনার অ্যাপটি রেজিস্টার করার পর, আপনি যদি এমন কোনো পরিবেশে আপনার অ্যাপটি চালাতে চান যা App Check সাধারণত বৈধ বলে গণ্য করে না, যেমন ডেভেলপমেন্টের সময় স্থানীয়ভাবে, অথবা কোনো কন্টিনিউয়াস ইন্টিগ্রেশন (CI) পরিবেশ থেকে, তাহলে আপনি একটি আসল অ্যাটেস্টেশন প্রোভাইডারের পরিবর্তে App Check ডিবাগ প্রোভাইডার ব্যবহার করে আপনার অ্যাপের একটি ডিবাগ বিল্ড তৈরি করতে পারেন। আরও জানতে দেখুন “Use App Check with the debug provider in web apps” ।
আপনার অ্যাপ নিরীক্ষণ করুন
Firebase Studio এর অ্যাপ ওভারভিউ প্যানেলটি আপনার অ্যাপ সম্পর্কে গুরুত্বপূর্ণ মেট্রিক্স এবং তথ্য প্রদান করে, যা আপনাকে App Hosting -এর বিল্ট-ইন অবজার্ভেবিলিটি টুল ব্যবহার করে আপনার ওয়েব অ্যাপের পারফরম্যান্স নিরীক্ষণ করতে দেয়। আপনার সাইট চালু হওয়ার পরে, আপনি 'Publish'-এ ক্লিক করে ওভারভিউটি অ্যাক্সেস করতে পারবেন। এই প্যানেল থেকে, আপনি যা করতে পারেন:
- আপনার অ্যাপের নতুন সংস্করণ প্রকাশ করতে পাবলিশ-এ ক্লিক করুন।
- আপনার অ্যাপের লিঙ্কটি শেয়ার করুন অথবা সরাসরি আপনার অ্যাপটি খুলুন। আপনার অ্যাপটি ভিজিট করুন ।
- গত ৭ দিনে আপনার অ্যাপের পারফরম্যান্সের সারাংশ পর্যালোচনা করুন, যার মধ্যে মোট অনুরোধের সংখ্যা এবং আপনার সর্বশেষ রোলআউটের অবস্থা অন্তর্ভুক্ত রয়েছে। Firebase কনসোলে আরও তথ্য পেতে 'View details'- এ ক্লিক করুন।
- গত ২৪ ঘণ্টায় আপনার অ্যাপে আসা অনুরোধের সংখ্যার একটি গ্রাফ দেখুন, যা HTTP স্ট্যাটাস কোড অনুযায়ী বিভক্ত করা হয়েছে।
- Firebase Authentication এবং Cloud Firestore মতো Firebase পরিষেবাগুলির সক্রিয়করণের অবস্থা দেখুন।
আপনি অ্যাপ ওভারভিউ প্যানেলটি বন্ধ করলে, 'পাবলিশ'-এ ক্লিক করে যেকোনো সময় এটি পুনরায় খুলতে পারেন।
App Hosting রোলআউটগুলি পরিচালনা এবং নিরীক্ষণ করার বিষয়ে আরও জানতে "রোলআউট এবং রিলিজ পরিচালনা করুন" দেখুন।
আপনার ডেপ্লয়মেন্ট পূর্বাবস্থায় ফিরিয়ে আনুন
আপনি যদি App Hosting এ আপনার অ্যাপের একাধিক সংস্করণ স্থাপন করে থাকেন, তবে আপনি এটিকে পূর্ববর্তী সংস্করণগুলোর যেকোনো একটিতে ফিরিয়ে নিতে পারেন। আপনি এটি মুছেও ফেলতে পারেন।
প্রকাশিত সাইট পূর্বাবস্থায় ফিরিয়ে আনতে:
Firebase কনসোলে App Hosting খুলুন।
আপনার অ্যাপের ব্যাকএন্ডটি খুঁজুন, 'View'-তে ক্লিক করুন এবং তারপরে 'Rollouts'-এ ক্লিক করুন।
যে ডিপ্লয়মেন্টটিতে আপনি রোল ব্যাক করতে চান, তার পাশে থাকা ‘More ক্লিক করুন, তারপর ‘Roll back to this build’ বেছে নিন এবং নিশ্চিত করুন।
রোলআউট এবং রিলিজ পরিচালনা- তে আরও জানুন।
ওয়েব থেকে আপনার App Hosting ডোমেইনটি সরাতে:
Firebase কনসোল থেকে App Hosting খুলুন এবং Firebase Studio অ্যাপ সেকশনে থাকা View- তে ক্লিক করুন।
ব্যাকএন্ড তথ্য বিভাগে, ম্যানেজ-এ ক্লিক করুন। ডোমেইন পৃষ্ঠাটি লোড হবে।
আপনার ডোমেইনের পাশে, More ক্লিক করুন, তারপর Disable domain নির্বাচন করুন এবং নিশ্চিত করুন।
এটি ওয়েব থেকে আপনার ডোমেইনটি মুছে দেয়। আপনার App Hosting ব্যাকএন্ড সম্পূর্ণরূপে মুছে ফেলতে, ‘ডিলিট এ ব্যাকএন্ড’- এর নির্দেশাবলী অনুসরণ করুন।
আপনার ডেপ্লয় করা ফিচারগুলোর জন্য Genkit মনিটরিং ব্যবহার করুন।
আপনার এআই ফ্লো কোডে টেলিমেট্রি সক্রিয় করার মাধ্যমে আপনি আপনার Genkit ফিচারের ধাপ, ইনপুট এবং আউটপুট নিরীক্ষণ করতে পারেন। Genkit -এর টেলিমেট্রি ফিচার আপনাকে আপনার এআই ফ্লো-গুলোর পারফরম্যান্স এবং ব্যবহার নিরীক্ষণ করতে দেয়। এই ডেটা আপনাকে উন্নতির ক্ষেত্রগুলো চিহ্নিত করতে, সমস্যা সমাধান করতে, আরও ভালো পারফরম্যান্স ও খরচ সাশ্রয়ের জন্য আপনার প্রম্পট এবং ফ্লো অপ্টিমাইজ করতে এবং সময়ের সাথে সাথে আপনার ফ্লো-গুলোর ব্যবহার ট্র্যাক করতে সাহায্য করতে পারে।
Genkit এ মনিটরিং সেট আপ করতে, আপনাকে Genkit AI ফ্লো-গুলিতে টেলিমেট্রি যোগ করতে হবে এবং তারপরে Firebase কনসোলে ফলাফলগুলি দেখতে হবে।
ধাপ ১: Firebase Studio তে আপনার Genkit ফ্লো কোডে টেলিমেট্রি যোগ করুন।
আপনার কোডে মনিটরিং সেট আপ করতে:
আপনি যদি ইতিমধ্যেই Code ভিউতে না থাকেন, তাহলে ক্লিক করুন।
এটি খোলার জন্য কোড-এ যান ।
ইনস্টল করা Genkit এর সংস্করণ যাচাই করতে
package.jsonদেখুন।টার্মিনাল খুলুন (
Ctrl-Shift-C, অথবা MacOS-এCmd-Shift-C)।টার্মিনালের ভিতরে ক্লিক করুন এবং আপনার
package.jsonফাইলের সাথে মেলে এমন সংস্করণ ব্যবহার করে Firebase প্লাগইনটি ইনস্টল করুন। উদাহরণস্বরূপ, যদি আপনারpackage.jsonএ Genkit প্যাকেজগুলি 1.0.4 সংস্করণে থাকে, তাহলে প্লাগইনটি ইনস্টল করতে আপনাকে নিম্নলিখিত কমান্ডটি চালাতে হবে:npm i --save @genkit-ai/firebase@1.0.4এক্সপ্লোরার থেকে,
src > ai > flowsএক্সপ্যান্ড করুন।flowsফোল্ডারে আপনার Genkit ফ্লো ধারণকারী এক বা একাধিক TypeScript ফাইল দেখা যাবে।এটি খোলার জন্য ফ্লোগুলোর যেকোনো একটিতে ক্লিক করুন।
ফাইলটির ইমপোর্টস সেকশনের একদম নিচে,
FirebaseTelemetryইমপোর্ট ও এনাবল করতে নিম্নলিখিতটি যোগ করুন:import { enableFirebaseTelemetry } from '@genkit-ai/firebase'; enableFirebaseTelemetry();
ধাপ ২: অনুমতি সেট আপ করুন
Firebase Studio আপনার Firebase প্রজেক্ট সেট আপ করার সময় প্রয়োজনীয় API-গুলো সক্রিয় করে দিয়েছে, কিন্তু আপনাকে App Hosting পরিষেবা অ্যাকাউন্টকেও অনুমতি প্রদান করতে হবে।
অনুমতি সেট করতে:
Google Cloud IAM কনসোলটি খুলুন, আপনার প্রজেক্টটি নির্বাচন করুন, তারপর অ্যাপ হোস্টিং পরিষেবা অ্যাকাউন্টে নিম্নলিখিত ভূমিকাগুলি প্রদান করুন:
- মনিটরিং মেট্রিক রাইটার (
roles/monitoring.metricWriter) - ক্লাউড ট্রেস এজেন্ট (
roles/cloudtrace.agent) - লগ রাইটার (
roles/logging.logWriter)
- মনিটরিং মেট্রিক রাইটার (
আপনার অ্যাপটি App Hosting -এ পুনরায় প্রকাশ করুন ।
প্রকাশ করা সম্পন্ন হলে, আপনার অ্যাপটি লোড করুন এবং ব্যবহার করা শুরু করুন। পাঁচ মিনিট পর, আপনার অ্যাপটি টেলিমেট্রি ডেটা লগ করা শুরু করবে।
ধাপ ৩: Firebase কনসোলে আপনার জেনারেটিভ এআই ফিচারগুলো মনিটর করুন।
যখন টেলিমেট্রি কনফিগার করা হয়, তখন Genkit আপনার সমস্ত ফ্লো-এর জন্য অনুরোধের সংখ্যা, সফলতার হার এবং লেটেন্সি রেকর্ড করে এবং প্রতিটি নির্দিষ্ট ফ্লো-এর জন্য স্ট্যাবিলিটি মেট্রিক্স সংগ্রহ Genkit , বিস্তারিত গ্রাফ দেখায় এবং ক্যাপচার করা ট্রেস লগ করে।
Genkit দিয়ে বাস্তবায়িত আপনার AI ফিচারগুলো নিরীক্ষণ করতে:
পাঁচ মিনিট পর, Firebase কনসোলে Genkit খুলুন এবং এর Genkit ও প্রতিক্রিয়াগুলো পর্যালোচনা করুন।
Genkit নিম্নলিখিত স্থিতিশীলতা মেট্রিকগুলি সংকলন করে:
- মোট অনুরোধ: আপনার ফ্লো দ্বারা প্রাপ্ত মোট অনুরোধের সংখ্যা।
- সফলতার হার: সফলভাবে প্রক্রিয়াকৃত অনুরোধের শতাংশ।
- ৯৫তম পার্সেন্টাইল ল্যাটেন্সি: আপনার ফ্লো-এর ৯৫তম পার্সেন্টাইল ল্যাটেন্সি, যা হলো ৯৫% অনুরোধ প্রক্রিয়া করতে যে সময় লাগে।
টোকেন ব্যবহার:
- ইনপুট টোকেন: প্রম্পটে মডেলে পাঠানো টোকেনের সংখ্যা।
- আউটপুট টোকেন: রেসপন্সে মডেল দ্বারা তৈরি টোকেনের সংখ্যা।
ছবির ব্যবহার:
- ইনপুট ইমেজ: প্রম্পটে মডেলে পাঠানো ইমেজের সংখ্যা।
- আউটপুট ছবি: রেসপন্সে মডেল দ্বারা তৈরি ছবির সংখ্যা।
আপনি স্থিতিশীলতা মেট্রিক্স প্রসারিত করলে, বিস্তারিত গ্রাফ পাওয়া যাবে:
- সময়ের সাথে সাথে অনুরোধের পরিমাণ
- সময়ের সাথে সাথে সাফল্যের হার।
- সময়ের সাথে সাথে ইনপুট এবং আউটপুট টোকেনসমূহ।
- সময়ের সাথে সাথে লেটেন্সি (৯৫তম এবং ৫০তম পার্সেন্টাইল)।
Genkit Genkit ।
পরবর্তী পদক্ষেপ
- Firebase Studio ব্যবহার করে একটি ফুল-স্ট্যাক ওয়েব অ্যাপ তৈরি, প্রকাশ এবং পর্যবেক্ষণ করুন ।
- টেমপ্লেট বা সলিউশন ব্যবহার করে যেকোনো ফ্রেমওয়ার্কে অ্যাপ্লিকেশন তৈরি করুন ।