অ্যাপ প্রোটোটাইপিং এজেন্ট দিয়ে শুরু করুন

Firebase Studio একটি ওয়েব-ভিত্তিক ইন্টারফেস রয়েছে যা আপনাকে প্রাকৃতিক ভাষা, ছবি এবং অঙ্কন সরঞ্জাম সহ মাল্টিমোডাল প্রম্পট ব্যবহার করে দ্রুত প্রোটোটাইপ এবং এআই-ফরোয়ার্ড ওয়েব অ্যাপ তৈরি করতে দেয়। এজেন্ট ভবিষ্যতের পরিকল্পনা করা অন্যান্য প্ল্যাটফর্ম এবং ফ্রেমওয়ার্ক সহ Next.js অ্যাপগুলিকে সমর্থন করে৷

অ্যাপ প্রোটোটাইপিং এজেন্ট হল একটি স্ট্রীমলাইনড নো-কোড ডেভেলপমেন্ট ফ্লো যা একটি পূর্ণ-স্ট্যাক, এজেন্টিক ওয়েব অ্যাপ বিকাশ, পরীক্ষা, পুনরাবৃত্তি এবং প্রকাশ করতে জেনারেটিভ AI ব্যবহার করে। আপনি একটি ঐচ্ছিক চিত্র সহ প্রাকৃতিক ভাষায় আপনার অ্যাপ ধারণা বর্ণনা করেন এবং এজেন্ট একটি অ্যাপ ব্লুপ্রিন্ট, কোড এবং একটি ওয়েব প্রিভিউ তৈরি করে। আপনার ফুল-স্ট্যাক অ্যাপের বিকাশ এবং প্রকাশে সহায়তা করার জন্য, Firebase Studio আপনার জন্য স্বয়ংক্রিয়ভাবে নিম্নলিখিত পরিষেবাগুলি সরবরাহ করতে পারে:

• আপনার অ্যাপ যদি AI ব্যবহার করে: Firebase Studio আপনার অ্যাপে Gemini Developer API যোগ করে, Gemini-এর সাথে কাজ করার জন্য Genkit ফ্লোগুলির শক্তি ব্যবহার করে। আপনি আপনার নিজস্ব Gemini API কী ব্যবহার করতে পারেন বা Firebase Studio আপনার জন্য একটি Firebase প্রকল্প এবং Gemini API কী সরবরাহ করতে দিতে পারেন।

• আপনি যদি ওয়েবে আপনার অ্যাপ প্রকাশ করতে চান: Firebase Studio একটি প্রকল্প তৈরি করে এবং Firebase App Hosting মাধ্যমে আপনার অ্যাপ প্রকাশ করার একটি দ্রুত উপায় প্রদান করে।

গুরুত্বপূর্ণ: যখন App Prototyping agent জেমিনি API কী এবং অন্যান্য ফায়ারবেস পরিষেবাগুলি সেট আপ করে, তখন এটি ওয়ার্কস্পেসের সাথে যুক্ত করার জন্য একটি নতুন ফায়ারবেস প্রকল্প তৈরি করে৷ এই সময়ে, এটিই একমাত্র প্রকল্প যা App Prototyping agent ভিউ থেকে প্রকাশ করার সময় যুক্ত হতে পারে। মনে রাখবেন যে আপনি GitHub-এ আপনার কোড চেক করে এবং একটি App Hosting ব্যাকএন্ড তৈরি করে অন্যান্য ফায়ারবেস প্রকল্পগুলিতে প্রকাশ করতে পারেন। আপনি ফায়ারবেস পরিষেবাগুলিকে সংহত করতে কোড ভিউ ব্যবহার করতে পারেন।

আপনি প্রাকৃতিক ভাষা, ছবি এবং অঙ্কন সরঞ্জাম ব্যবহার করে অ্যাপটিকে পরিমার্জন করতে পারেন, সরাসরি কোড সম্পাদনা করতে পারেন, পরিবর্তনগুলি রোল ব্যাক করতে পারেন, অ্যাপটি প্রকাশ করতে পারেন এবং এর কার্যকারিতা নিরীক্ষণ করতে পারেন—সবকিছু Firebase Studio থেকে।

দ্রষ্টব্য: অ্যাপ প্রোটোটাইপিং এজেন্ট আপনাকে Next.js দিয়ে ওয়েব অ্যাপ তৈরি করতে সাহায্য করতে পারে। অন্যান্য প্ল্যাটফর্ম এবং ফ্রেমওয়ার্কের জন্য সমর্থন শীঘ্রই আসছে!

শুরু করুন

App Prototyping agent সাথে শুরু করতে, এই পদক্ষেপগুলি অনুসরণ করুন:

1. আপনার Google অ্যাকাউন্টে লগ ইন করুন এবং Firebase Studio খুলুন।

2. এআই ফিল্ড সহ একটি অ্যাপ প্রোটোটাইপে , প্রাকৃতিক ভাষায় আপনার অ্যাপের ধারণা বর্ণনা করুন।

   উদাহরণস্বরূপ, আপনি একটি রেসিপি প্রজন্মের অ্যাপ তৈরি করতে নিম্নলিখিত মত একটি প্রম্পট লিখতে পারেন:

   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.
   

   টিপ: সর্বোত্তম ফলাফলের জন্য, আপনার প্রম্পটে যতটা সম্ভব নির্দিষ্ট থাকুন। আপনি যে বৈশিষ্ট্যগুলি চান, ব্যবহারকারীর কর্মপ্রবাহ এবং ডেটা প্রয়োজনীয়তাগুলি অন্তর্ভুক্ত করুন৷ এছাড়াও বুঝুন যে AI-এর সাথে সবচেয়ে কার্যকর উন্নয়ন প্রক্রিয়াগুলি পুনরাবৃত্তিমূলক এবং আপনি Firebase এ Gemini-এর সাথে যৌথভাবে বৈশিষ্ট্যগুলিকে পরিমার্জন এবং যোগ করা চালিয়ে যেতে পারেন৷ কার্যকরী প্রম্পট তৈরি করা সম্পর্কে আরও জানুন।

3. ঐচ্ছিকভাবে, আপনার প্রম্পটের সাথে একটি ছবি আপলোড করুন। উদাহরণ স্বরূপ, আপনি এমন একটি ছবি আপলোড করতে পারেন যাতে আপনি যে রঙের স্কিমটি আপনার অ্যাপ ব্যবহার করতে চান এবং Firebase Studio এটি ব্যবহার করতে বলুন। ছবি 3 MiB এর কম হতে হবে।

4. এআই সহ প্রোটোটাইপ ক্লিক করুন।

   জেমিনি আপনার প্রম্পটের উপর ভিত্তি করে একটি অ্যাপ ব্লুপ্রিন্ট তৈরি করে, একটি প্রস্তাবিত অ্যাপের নাম, প্রয়োজনীয় বৈশিষ্ট্য এবং শৈলী নির্দেশিকা ফেরত দেয়।

5. নীলনকশা পর্যালোচনা করুন। প্রয়োজনে কিছু পরিবর্তন করুন। উদাহরণস্বরূপ, আপনি এই বিকল্পগুলির মধ্যে একটি ব্যবহার করে প্রস্তাবিত অ্যাপের নাম বা রঙের স্কিম পরিবর্তন করতে পারেন:

   • কাস্টমাইজ ক্লিক করুন এবং সরাসরি ব্লুপ্রিন্ট সম্পাদনা করুন। আপনার পরিবর্তন করুন এবং সংরক্ষণ করুন ক্লিক করুন.

   • চ্যাট প্যানে বর্ণনা করুন... ক্ষেত্রে, স্পষ্ট প্রশ্ন এবং প্রসঙ্গ যোগ করুন। আপনি অতিরিক্ত ছবি আপলোড করতে পারেন.

6. প্রোটোটাইপ এই অ্যাপ্লিকেশন ক্লিক করুন.

   গুরুত্বপূর্ণ: Firebase এ মিথুন এমন আউটপুট তৈরি করতে পারে যা প্রশংসনীয় বলে মনে হয় কিন্তু বাস্তবে ভুল। এটি ভুল তথ্য দিয়ে প্রতিক্রিয়া জানাতে পারে যা Google-এর মতামতকে প্রতিনিধিত্ব করে না। আপনি এটি ব্যবহার করার আগে Gemini থেকে সমস্ত আউটপুট যাচাই করুন এবং উত্পাদনে অ-পরীক্ষিত জেনারেটেড কোড ব্যবহার করবেন না। চ্যাটে ব্যক্তিগতভাবে সনাক্তকরণযোগ্য তথ্য (PII) বা ব্যবহারকারীর ডেটা প্রবেশ করাবেন না।

7. অ্যাপ প্রোটোটাইপিং এজেন্ট আপনার অ্যাপ কোডিং শুরু করে।

   • যদি আপনার অ্যাপ AI ব্যবহার করে, তাহলে আপনাকে একটি Gemini API কী যোগ করতে বা জেনারেট করতে বলা হবে। আপনি অটো-জেনারেট ক্লিক করলে, App Prototyping agent আপনার জন্য একটি ফায়ারবেস প্রকল্প এবং একটি জেমিনি এপিআই কী ব্যবস্থা করে।
   গুরুত্বপূর্ণ: আপনি যদি অটো-জেনারেট বেছে নেন, App Prototyping agent আপনার পক্ষ থেকে একটি ফায়ারবেস প্রোজেক্ট তৈরি করে একটি প্রিফিক্স সহ যা আপনার Firebase Studio ওয়ার্কস্পেসের নামের সাথে মেলে এবং প্রোজেক্টে একটি নতুন Gemini API কী তৈরি করে। এটি একটি .env ফাইলে আপনার Firebase Studio ওয়ার্কস্পেসের মধ্যে কী সংরক্ষণ করে। যে কোনো সময়ে আপনার নতুন প্রকল্প অ্যাক্সেস করতে, পৃষ্ঠার শীর্ষে প্রকল্পের নামে ক্লিক করুন। ভবিষ্যতে অনুলিপি বা মুছে ফেলার জন্য আপনার Gemini API কী অ্যাক্সেস করতে, Google Cloud কনসোল ব্যবহার করুন।

পরীক্ষা করুন, পরিমার্জন করুন, ডিবাগ করুন এবং পুনরাবৃত্তি করুন

প্রাথমিক অ্যাপ তৈরি হওয়ার পরে, আপনি পরীক্ষা, পরিমার্জন, ডিবাগ এবং পুনরাবৃত্তি করতে পারেন।

• আপনার অ্যাপের সাথে রিভিউ করুন এবং ইন্টারঅ্যাক্ট করুন: কোড জেনারেশন শেষ হওয়ার পর, আপনার অ্যাপের একটি প্রিভিউ দেখা যাবে। আপনি এটি পরীক্ষা করতে সরাসরি পূর্বরূপের সাথে যোগাযোগ করতে পারেন। আপনার অ্যাপের পূর্বরূপ দেখুন।

• যেকোনও ত্রুটি দেখা দিলে ঠিক করুন: বেশিরভাগ ক্ষেত্রে, App Prototyping agent আপনাকে যেকোনও ত্রুটি দেখা দিলে তা ঠিক করার জন্য অনুরোধ করে। এটি একটি সংশোধন করার চেষ্টা করার অনুমতি দিতে ত্রুটি সংশোধন করুন ক্লিক করুন৷

  আপনি যদি এমন ত্রুটি পান যেগুলি স্বয়ংক্রিয়ভাবে ঠিক করার জন্য আপনাকে অনুরোধ করা হয়নি, তবে ত্রুটিটি এবং যেকোন প্রাসঙ্গিক প্রসঙ্গ (উদাহরণস্বরূপ, "আপনি কি আমার ফায়ারবেস ইনিশিয়ালাইজেশন কোডে এই ত্রুটিটি ঠিক করতে পারেন?") চ্যাট উইন্ডোতে কপি করুন এবং এটি Gemini- এ পাঠান।

  টিপ: মিথুন তার যুক্তি ব্যাখ্যা করে, তবে আপনি এটি কার্যকর করার আগে এটির পরিকল্পনা ব্যাখ্যা করতেও বলতে পারেন।

• প্রাকৃতিক ভাষা ব্যবহার করে পরীক্ষা করুন এবং পুনরাবৃত্তি করুন: আপনার অ্যাপটি পুঙ্খানুপুঙ্খভাবে পরীক্ষা করুন এবং আপনি এতে খুশি না হওয়া পর্যন্ত কোড এবং ব্লুপ্রিন্টে পুনরাবৃত্তি করতে App Prototyping agent সাথে কাজ করুন।

  Prototyper mode, you can also use the following features:

  • ক্লিক করুন প্রিভিউ উইন্ডোতে সরাসরি আঁকতে টীকা । আপনি App Prototyping agent কী পরিবর্তন করতে চান তা দৃশ্যত বর্ণনা করতে একটি ঐচ্ছিক পাঠ্য প্রম্পটের সাথে উপলব্ধ আকৃতি, চিত্র এবং পাঠ্য সরঞ্জামগুলি ব্যবহার করুন৷

  • ক্লিক করুন একটি নির্দিষ্ট উপাদান নির্বাচন করতে নির্বাচন করুন এবং App Prototyping agent জন্য নির্দেশাবলী লিখুন। এটি আপনাকে একটি নির্দিষ্ট আইকন, বোতাম, পাঠ্যের টুকরো বা অন্যান্য উপাদানকে দ্রুত লক্ষ্য করতে দেয়। আপনি যখন একটি ছবিতে ক্লিক করেন, তখন আপনার কাছে Unsplash থেকে একটি স্টক চিত্র অনুসন্ধান এবং নির্বাচন করার বিকল্পও থাকে।

  ঐচ্ছিকভাবে, আপনি ক্লিক করতে পারেন Firebase Studio পাবলিক প্রিভিউ ব্যবহার করে আপনার অ্যাপ সর্বজনীনভাবে এবং অস্থায়ীভাবে শেয়ার করতে পূর্বরূপ লিঙ্ক শেয়ার করুন ।

• ডিবাগ করুন এবং কোডে সরাসরি পুনরাবৃত্তি করুন: ক্লিক করুন Code ভিউ খুলতে কোডে স্যুইচ করুন , যেখানে আপনি আপনার অ্যাপের সমস্ত ফাইল দেখতে পারবেন এবং সরাসরি আপনার কোড পরিবর্তন করতে পারবেন। আপনি Prototyper mode at any time.

  Code ভিউতে থাকাকালীন, আপনি নিম্নলিখিত সহায়ক বৈশিষ্ট্যগুলিও ব্যবহার করতে পারেন:

  • আপনার অ্যাপ পরিদর্শন, ডিবাগ এবং অডিট করতে Firebase Studio অন্তর্নির্মিত ডিবাগিং এবং রিপোর্টিং বৈশিষ্ট্য ।

  • Firebase এ Gemini ব্যবহার করে AI সহায়তা হয় আপনার কোডের মধ্যে ইনলাইন বা ইন্টারেক্টিভ চ্যাট ব্যবহার করে (উভয়ই ডিফল্টরূপে উপলব্ধ)। ইন্টারেক্টিভ চ্যাট সমস্যাগুলি নির্ণয় করতে পারে, সমাধান দিতে পারে এবং আপনার অ্যাপকে দ্রুত ঠিক করতে সাহায্য করার জন্য টুল চালাতে পারে। চ্যাট অ্যাক্সেস করতে, কর্মক্ষেত্রের নীচে স্পার্ক Gemini ক্লিক করুন৷

  • ডাটাবেস এবং প্রমাণীকরণ ডেটা দেখতে Firebase Local Emulator Suite অ্যাক্সেস করুন । আপনার কর্মক্ষেত্রে এমুলেটর খুলতে:

    1. ক্লিক করুন কোডে স্যুইচ করুন এবং Firebase Studio এক্সটেনশন খুলুন ( Ctrl+',Ctrl+' , অথবা Cmd+',Cmd+' MacOS-এ)।

    2. ব্যাকএন্ড পোর্টগুলিতে স্ক্রোল করুন এবং এটি প্রসারিত করুন।

    3. পোর্ট 4000 এর সাথে সম্পর্কিত অ্যাকশন কলামে, নতুন উইন্ডোতে খুলুন ক্লিক করুন।

• আপনার জেনারেটিভ AI বৈশিষ্ট্যের কার্যকারিতা পরীক্ষা করুন এবং পরিমাপ করুন: আপনি আপনার Genkit AI ফ্লো চালাতে, পরীক্ষা করতে, ডিবাগ করতে, বিভিন্ন মডেলের সাথে ইন্টারঅ্যাক্ট করতে, আপনার প্রম্পটগুলিকে পরিমার্জন করতে এবং আরও অনেক কিছু করতে Genkit বিকাশকারী UI ব্যবহার করতে পারেন৷

  Genkit বিকাশকারী UI এ আপনার Genkit ফ্লো লোড করতে এবং পরীক্ষা শুরু করতে:

  1. আপনার Firebase Studio ওয়ার্কস্পেসের টার্মিনাল থেকে, আপনার Gemini API কী উৎস করতে এবং Genkit সার্ভার শুরু করতে নিম্নলিখিত কমান্ডটি চালান:

      npm run genkit:watch
     

  2. Genkit বিকাশকারী UI লিঙ্কে ক্লিক করুন। Genkit বিকাশকারী UI আপনার ফ্লো, প্রম্পট, এমবেডার এবং বিভিন্ন উপলব্ধ মডেলের একটি নির্বাচন সহ একটি নতুন উইন্ডোতে খোলে।

  জেনকিট ডেভেলপার টুলস-এ জেনকিট ডেভেলপার UI সম্পর্কে আরও জানুন।

Firebase App Hosting দিয়ে আপনার অ্যাপ প্রকাশ করুন

আপনি আপনার অ্যাপটি পরীক্ষা করার পরে এবং আপনার কর্মক্ষেত্রে এটির সাথে সন্তুষ্ট হওয়ার পরে, আপনি Firebase App Hosting মাধ্যমে এটিকে ওয়েবে প্রকাশ করতে পারেন।

গুরুত্বপূর্ণ: Firebase App Hosting একটি Cloud Billing অ্যাকাউন্ট প্রয়োজন। আপনি যখন একটি Firebase প্রকল্পের সাথে একটি বিলিং অ্যাকাউন্ট লিঙ্ক করেন, তখন আপনার প্রকল্প স্বয়ংক্রিয়ভাবে পে-অ্যাস-ইউ-গো ব্লেজ প্রাইসিং প্ল্যানে আপগ্রেড হয় এবং আপনার Gemini API এবং অন্যান্য Firebase এবং Google ক্লাউড পরিষেবার ব্যবহার প্রদত্ত স্তরে আপগ্রেড হয়৷ আপনাকে অর্থপ্রদানের পরিষেবা ব্যবহারের জন্য চার্জ করা হবে যা নো-কস্ট কোটা অতিক্রম করে। আন্ডারস্ট্যান্ড App Hosting খরচ , ফায়ারবেস প্রাইসিং এবং জেমিনি ডেভেলপার এপিআই মূল্য সম্পর্কে আরও জানুন।

আপনি যখন App Hosting সেট আপ করেন, তখন Firebase Studio আপনার জন্য একটি Firebase প্রকল্প তৈরি করে (যদি এটি ইতিমধ্যে একটি Gemini API কী স্বয়ংক্রিয়ভাবে তৈরি না করে থাকে) এবং একটি Cloud Billing অ্যাকাউন্ট লিঙ্ক করার মাধ্যমে আপনাকে গাইড করে।

আপনার অ্যাপ প্রকাশ করতে:

1. আপনার Firebase প্রোজেক্ট সেট আপ করতে এবং আপনার অ্যাপ প্রকাশ করতে পাবলিশ এ ক্লিক করুন। আপনার অ্যাপ প্রকাশ করুন ফলকটি প্রদর্শিত হবে।

   গুরুত্বপূর্ণ: আপনি যদি একটি Gemini API কী স্বয়ংক্রিয়ভাবে তৈরি না করেন, আপনি যখন প্রকাশ করুন ক্লিক করুন তখন Firebase Studio আপনার পক্ষ থেকে একটি Firebase প্রকল্পের ব্যবস্থা করে। আপনি পৃষ্ঠার শীর্ষে প্রকল্পের নামে ক্লিক করে Firebase প্রকল্প অ্যাক্সেস করতে পারেন।

2. ফায়ারবেস প্রকল্পের ধাপে, App Prototyping agent ওয়ার্কস্পেসের সাথে যুক্ত ফায়ারবেস প্রদর্শন করে। এটি Gemini API কী জেনারেশনের সময় একটি প্রকল্প তৈরি না করলে, এটি আপনার জন্য একটি নতুন প্রকল্প তৈরি করবে। এগিয়ে যেতে পরবর্তী ক্লিক করুন.

3. লিঙ্ক Cloud Billing অ্যাকাউন্ট ধাপে, নিম্নলিখিতগুলির মধ্যে একটি বেছে নিন:

   • Cloud Billing অ্যাকাউন্টটি নির্বাচন করুন যা আপনি আপনার Firebase প্রকল্পের সাথে লিঙ্ক করতে চান।

   • আপনার যদি একটি Cloud Billing অ্যাকাউন্ট না থাকে বা একটি নতুন একটি তৈরি করতে চান, একটি Cloud Billing অ্যাকাউন্ট তৈরি করুন ক্লিক করুন। এটি Google Cloud কনসোল খোলে, যেখানে আপনি একটি নতুন স্ব-পরিষেবা Cloud Billing অ্যাকাউন্ট তৈরি করতে পারেন। আপনি অ্যাকাউন্ট তৈরি করার পরে, Firebase Studio ফিরে যান এবং লিঙ্ক Cloud Billing তালিকা থেকে অ্যাকাউন্টটি নির্বাচন করুন।

4. পরবর্তী ক্লিক করুন. Firebase Studio আপনার কর্মক্ষেত্রের সাথে যুক্ত প্রকল্পের সাথে বিলিং অ্যাকাউন্ট লিঙ্ক করে, যখন আপনি একটি Gemini API কী স্বয়ংক্রিয়ভাবে তৈরি করেন বা যখন আপনি প্রকাশ করুন ক্লিক করেন তখন তৈরি হয়।

   গুরুত্বপূর্ণ: Firebase App Hosting একটি Cloud Billing অ্যাকাউন্ট প্রয়োজন। আপনি যখন একটি Firebase প্রকল্পের সাথে একটি বিলিং অ্যাকাউন্ট লিঙ্ক করেন, তখন আপনার প্রকল্প স্বয়ংক্রিয়ভাবে পে-অ্যাস-ইউ-গো ব্লেজ প্রাইসিং প্ল্যানে আপগ্রেড হয় এবং আপনার Gemini API এবং অন্যান্য Firebase এবং Google ক্লাউড পরিষেবার ব্যবহার প্রদত্ত স্তরে আপগ্রেড হয়৷ আপনাকে অর্থপ্রদানের পরিষেবা ব্যবহারের জন্য চার্জ করা হবে যা নো-কস্ট কোটা অতিক্রম করে। আন্ডারস্ট্যান্ড App Hosting খরচ , ফায়ারবেস প্রাইসিং এবং জেমিনি ডেভেলপার এপিআই মূল্য সম্পর্কে আরও জানুন।

5. সেবা সেট আপ ক্লিক করুন. অ্যাপ প্রোটোটাইপিং এজেন্ট ফায়ারবেস পরিষেবার ব্যবস্থা করা শুরু করে।

6. এখন প্রকাশ করুন ক্লিক করুন। Firebase Studio ফায়ারবেস পরিষেবা সেট আপ করে৷ এটি সম্পূর্ণ হতে কয়েক মিনিট পর্যন্ত সময় লাগতে পারে। পর্দার আড়ালে কী ঘটছে সে সম্পর্কে আরও জানতে, App Hosting বিল্ড প্রক্রিয়া দেখুন।

   টিপ: আপনি এখন প্রকাশ করতে না চাইলে, আপনি পরে প্রকাশ করুন ক্লিক করতে পারেন।

7. যখন প্রকাশের ধাপ সম্পূর্ণ হয়, অ্যাপ ওভারভিউ App Hosting পর্যবেক্ষণের দ্বারা চালিত একটি URL এবং অ্যাপ অন্তর্দৃষ্টি সহ প্রদর্শিত হয়। Firebase-জেনারেটেড ডোমেনের পরিবর্তে একটি কাস্টম ডোমেন (যেমন example.com বা app.example.com) ব্যবহার করতে, আপনি Firebase কনসোলে একটি কাস্টম ডোমেন যোগ করতে পারেন।

টিপ: আপনি যদি প্রকাশনার সময় কোনো ত্রুটি পান, তাহলে প্রকাশ করার পর আমি একটি "অ্যাপ্লিকেশান প্রকাশ করতে ব্যর্থ" ত্রুটি পেয়েছি দেখুন কিভাবে প্রকাশের ত্রুটিগুলি খুঁজে বের করতে এবং ঠিক করতে হয় তার নির্দেশাবলীর জন্য।

App Hosting সম্পর্কে আরও তথ্যের জন্য, App Hosting বুঝতে এবং এটি কীভাবে কাজ করে দেখুন।

Firebase App Check এবং reCAPTCHA এন্টারপ্রাইজের মাধ্যমে আপনার অ্যাপকে সুরক্ষিত করুন

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

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

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

ReCAPTCHA Enterprise বিনা খরচে 10,000 পর্যন্ত মূল্যায়ন প্রদান করে।

ধাপ 1: আপনার অ্যাপের জন্য reCAPTCHA এন্টারপ্রাইজ সেট আপ করুন

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

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

3. যদি আপনাকে reCAPTCHA এন্টারপ্রাইজ API সক্ষম করতে বলা হয়, তাহলে তা করুন।

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

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

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

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

8. ছেড়ে দিন আপনি চ্যালেঞ্জ ব্যবহার করবেন? অনির্বাচিত

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

10. আপনার কী আইডি কপি করুন এবং সংরক্ষণ করুন এবং App Check কনফিগার করুন।

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

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

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

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

4. Save এ ক্লিক করুন।

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

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

   NEXT_PUBLIC_RECAPTCHA_SITE_KEY=RECAPTCHA_SITE_KEY
   

2. আপনার যদি ইতিমধ্যেই আপনার Firebase কনফিগারেশন .env এ সংরক্ষিত না থাকে, তাহলে এটি পান:

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

   • Code ভিউতে টার্মিনাল থেকে:

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

5. App Hosting এ আপনার সাইট পুনরায় প্রকাশ করুন। কিছু ডেটা জেনারেট করতে আপনার Firebase বৈশিষ্ট্যগুলি পরীক্ষা করার চেষ্টা করুন৷

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

7. Firebase পরিষেবাগুলি পরিদর্শন করতে ক্লিক করুন৷ অনুরোধগুলি আসছে তা যাচাই করার পরে, App Check প্রয়োগ করতে এনফোর্স ক্লিক করুন।

8. Firebase Authentication জন্য যাচাইকরণ এবং প্রয়োগের পুনরাবৃত্তি করুন।

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

আপনার অ্যাপ নিরীক্ষণ করুন

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

• আপনার অ্যাপের একটি নতুন সংস্করণ প্রকাশ করতে প্রকাশ করুন এ ক্লিক করুন।
• আপনার অ্যাপের লিঙ্কটি শেয়ার করুন বা আপনার অ্যাপটি দেখুন সরাসরি আপনার অ্যাপ খুলুন।
• অনুরোধের মোট সংখ্যা এবং আপনার সাম্প্রতিক রোলআউটের স্থিতি সহ গত 7 দিনে আপনার অ্যাপের কর্মক্ষমতার একটি সারসংক্ষেপ পর্যালোচনা করুন। Firebase কনসোলে আরও তথ্য অ্যাক্সেস করতে বিবরণ দেখুন ক্লিক করুন।
• এইচটিটিপি স্ট্যাটাস কোড দ্বারা বিভক্ত, গত 24 ঘন্টায় আপনার অ্যাপটি কতগুলি অনুরোধ পেয়েছে তার সংখ্যার একটি গ্রাফ দেখুন৷

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

ম্যানেজ রোলআউটস এবং রিলিজগুলিতে App Hosting রোলআউটগুলি পরিচালনা এবং পর্যবেক্ষণ সম্পর্কে আরও জানুন৷

আপনার স্থাপনা রোল ব্যাক

আপনি যদি আপনার অ্যাপের ধারাবাহিক সংস্করণগুলিকে App Hosting এ স্থাপন করে থাকেন তবে আপনি এটিকে আগের সংস্করণগুলির মধ্যে একটিতে ফিরিয়ে আনতে পারেন৷ আপনি এটি অপসারণ করতে পারেন.

• একটি প্রকাশিত সাইট রোল ব্যাক করতে:

  1. Firebase কনসোলে App Hosting খুলুন।

  2. আপনার অ্যাপের ব্যাকএন্ড সনাক্ত করুন, দেখুন ক্লিক করুন এবং তারপরে রোলআউটে ক্লিক করুন।

  3. আপনি যে স্থাপনায় রোল ব্যাক করতে চান তার পাশে, More ক্লিক করুন, তারপর এই বিল্ডে রোল ব্যাক নির্বাচন করুন এবং নিশ্চিত করুন।

  রোলআউট এবং রিলিজ পরিচালনা করুন এ আরও জানুন।

• ওয়েব থেকে আপনার App Hosting ডোমেন সরাতে:

  1. Firebase কনসোল থেকে, App Hosting খুলুন এবং Firebase Studio অ্যাপ বিভাগে দেখুন ক্লিক করুন।

  2. ব্যাকএন্ড তথ্য বিভাগে, পরিচালনা ক্লিক করুন। ডোমেন পৃষ্ঠা লোড হয়.

  3. আপনার ডোমেনের পাশে, More ক্লিক করুন, তারপর ডোমেন নিষ্ক্রিয় করুন এবং নিশ্চিত করুন।

  এটি ওয়েব থেকে আপনার ডোমেন সরিয়ে দেয়। আপনার App Hosting ব্যাকএন্ড সম্পূর্ণরূপে অপসারণ করতে, একটি ব্যাকএন্ড মুছুন এর নির্দেশাবলী অনুসরণ করুন।

আপনার স্থাপন করা বৈশিষ্ট্যগুলির জন্য Genkit মনিটরিং ব্যবহার করুন

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

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

গুরুত্বপূর্ণ: জেনকিট মনিটরিং Google ক্লাউড লগিং, মেট্রিক্স এবং ট্রেসে লেখা টেলিমেট্রি ডেটার উপর নির্ভর করে, যা অর্থপ্রদানের পরিষেবা। মূল্যের বিশদ বিবরণের জন্য এবং বিনামূল্যের স্তরের সীমা সম্পর্কে জানতে Google ক্লাউড পর্যবেক্ষণযোগ্যতা মূল্যের পৃষ্ঠাটি দেখুন৷

ধাপ 1: 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 প্রসারিত করুন। এক বা একাধিক TypeScript ফাইল যা আপনার Genkit ফ্লো ধারণ করে flows ফোল্ডারে উপস্থিত হয়।

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

   টিপ: ফাইলের prompt বিভাগটি নোট করুন: আপনি মিথুনের প্রতিক্রিয়াগুলিকে পরিমার্জিত করতে এটি ম্যানুয়ালি সম্পাদনা করতে পারেন৷

7. ফাইলের আমদানি বিভাগের নীচে, FirebaseTelemetry আমদানি এবং সক্ষম করতে নিম্নলিখিত যোগ করুন:

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

   টিপ: Genkit উন্নত টেলিমেট্রি বিকল্পগুলি সম্পর্কে আরও জানতে, উন্নত কনফিগারেশন দেখুন।

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

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

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

1. Google Cloud আইএএম কনসোল খুলুন আপনার প্রকল্প নির্বাচন করুন, তারপর অ্যাপ হোস্টিং পরিষেবা অ্যাকাউন্টে নিম্নলিখিত ভূমিকাগুলি মঞ্জুর করুন:

   • মনিটরিং মেট্রিক রাইটার ( roles/monitoring.metricWriter )
   • ক্লাউড ট্রেস এজেন্ট ( roles/cloudtrace.agent )
   • লগ রাইটার ( roles/logging.logWriter )

2. App Hosting এ আপনার অ্যাপ পুনরায় প্রকাশ করুন ।

3. প্রকাশনা সম্পূর্ণ হলে, আপনার অ্যাপ লোড করুন এবং এটি ব্যবহার করা শুরু করুন। পাঁচ মিনিট পরে, আপনার অ্যাপটি টেলিমেট্রি ডেটা লগ করা শুরু করবে।

ধাপ 3: Firebase কনসোলে আপনার জেনারেটিভ AI বৈশিষ্ট্যগুলি নিরীক্ষণ করুন

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

Genkit সাথে বাস্তবায়িত আপনার AI বৈশিষ্ট্যগুলি নিরীক্ষণ করতে:

1. পাঁচ মিনিট পর, Firebase কনসোলে Genkit খুলুন এবং Genkit প্রম্পট এবং প্রতিক্রিয়া পর্যালোচনা করুন।

   Genkit নিম্নলিখিত স্থিতিশীলতা মেট্রিক্স সংকলন করে:

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

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

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

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

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

   আপনি স্থায়িত্ব মেট্রিক্স প্রসারিত করলে, বিস্তারিত গ্রাফ পাওয়া যায়:

   • সময়ের সাথে ভলিউম অনুরোধ করুন।
   • সময়ের সাথে সাথে সাফল্যের হার।
   • সময়ের সাথে সাথে ইনপুট এবং আউটপুট টোকেন।
   • সময়ের সাথে লেটেন্সি (95তম এবং 50তম শতাংশ)।

Genkit এ Genkit সম্পর্কে আরও জানুন।

টিপ: App Prototyping agent সাথে সম্পূর্ণ অ্যাপ্লিকেশন লাইফসাইকেলের একটি নির্দেশিত সফরের জন্য, আপনার প্রকাশিত ওয়েব অ্যাপ নিরীক্ষণের মাধ্যমে শুরু থেকেই, Firebase Studio সাথে একটি ফুল-স্ট্যাক ওয়েব অ্যাপ ডেভেলপ, প্রকাশ এবং নিরীক্ষণ করুন ।

পরবর্তী পদক্ষেপ

• Firebase Studio সাথে একটি ফুল-স্ট্যাক ওয়েব অ্যাপ তৈরি, প্রকাশ এবং নিরীক্ষণ করুন ।
• একটি টেমপ্লেট বা সমাধান সহ যেকোন ফ্রেমওয়ার্ক সহ অ্যাপ্লিকেশনগুলি বিকাশ করুন ।