অ্যাপ প্রোটোটাইপিং এজেন্টের সাহায্যে একটি ফুল-স্ট্যাক ওয়েব অ্যাপ বিকাশ, প্রকাশ এবং নিরীক্ষণ করুন, অ্যাপ প্রোটোটাইপিং এজেন্টের সাহায্যে একটি ফুল-স্ট্যাক ওয়েব অ্যাপ তৈরি করুন, প্রকাশ করুন এবং নিরীক্ষণ করুন, অ্যাপ প্রোটোটাইপিং এজেন্টের সাহায্যে একটি ফুল-স্ট্যাক ওয়েব অ্যাপ তৈরি করুন, প্রকাশ করুন এবং নিরীক্ষণ করুন, একটি ফুল-স্ট্যাক প্রোটোটাইপিং অ্যাপের সাহায্যে একটি ফুল-স্ট্যাক ওয়েব অ্যাপ তৈরি করুন, প্রকাশ করুন এবং নিরীক্ষণ করুন

Firebase এ Gemini-এর সাহায্যে একটি ফুল-স্ট্যাক অ্যাপ দ্রুত বিকাশ ও প্রকাশ করতে কীভাবে App Prototyping agent ব্যবহার করবেন এই নির্দেশিকা আপনাকে দেখায়। আপনি একটি Next.js অ্যাপ তৈরি করতে একটি প্রাকৃতিক-ভাষা প্রম্পট ব্যবহার করবেন যা একটি ছবি বা ইন-ব্রাউজার ক্যামেরা থেকে খাবারের আইটেমগুলিকে শনাক্ত করে এবং চিহ্নিত উপাদানগুলি ধারণ করে এমন একটি রেসিপি প্রদান করে৷ তারপরে আপনি অ্যাপটিকে পরিমার্জিত ও উন্নত করবেন, শেষ পর্যন্ত Firebase App Hosting এ প্রকাশ করবেন।

আপনি এই নির্দেশিকাটির মাধ্যমে এগিয়ে যাওয়ার সাথে সাথে আপনি যে অন্যান্য প্রযুক্তিগুলি ব্যবহার করবেন তার মধ্যে রয়েছে:

ধাপ 1: আপনার অ্যাপ তৈরি করুন

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

  2. AI ক্ষেত্রের প্রোটোটাইপ একটি অ্যাপে , আপনি যে অ্যাপটি তৈরি করতে চান তার একটি বিবরণ লিখুন। এই সমাধানের জন্য, যেখানে আপনি একটি ইমেজ-ভিত্তিক রেসিপি অ্যাপ তৈরি করছেন, আপনি ক্যামেরা, জেনারেটিভ এআই ব্যবহার করে এমন একটি অ্যাপের প্রোটোটাইপ করতে নিচের মতো একটি প্রম্পট ব্যবহার করতে পারেন:

    Build a web app that can identify food products from an uploaded picture or
in-browser camera. The app should provide a recipe that contains the
identified ingredients.

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

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

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

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

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

  5. প্রোটোটাইপ এই অ্যাপ্লিকেশন ক্লিক করুন. Gemini আপনার অ্যাপ কোডিং শুরু করে। যেহেতু অ্যাপের বিবরণে এমন বৈশিষ্ট্যগুলি বর্ণনা করা হয়েছে যেগুলির জন্য জেনারেটিভ AI প্রয়োজন, জেমিনি আপনাকে একটি Gemini API কী-এর জন্য অনুরোধ করে৷

  6. আপনার নিজস্ব Gemini API কী যোগ করুন অথবা একটি Gemini API কী তৈরি করতে স্বয়ংক্রিয়-জেনারেট ক্লিক করুন।

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

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

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

  2. প্রাকৃতিক ভাষা ব্যবহার করে আপনার অ্যাপে পুনরাবৃত্তি করুন: Gemini বৈশিষ্ট্য যোগ করতে এবং অ্যাপটিকে পরিমার্জিত করতে বলার জন্য চ্যাট ইন্টারফেস ব্যবহার করা চালিয়ে যান।

  3. অ্যাপটি পরীক্ষা করুন: অ্যাপ প্রিভিউ প্যানে, উপাদানগুলি সনাক্ত করতে এবং একটি রেসিপি প্রদান করার জন্য আপনার অ্যাপের ক্ষমতা পরীক্ষা করতে বিভিন্ন খাবার দেখায় এমন একটি ছবি আপলোড করুন। ঐচ্ছিকভাবে, আপনি Firebase Studio পাবলিক প্রিভিউ ব্যবহার করে আপনার অ্যাপকে সর্বজনীনভাবে এবং অস্থায়ীভাবে শেয়ার করতে Code ভিউ ব্যবহার করতে পারেন।

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

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

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

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

(ঐচ্ছিক) ধাপ 3: App Hosting দিয়ে আপনার অ্যাপ প্রকাশ করুন

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

আপনি যখন App Hosting সেট আপ করেন, তখন Firebase Studio আপনার জন্য একটি Firebase প্রকল্প তৈরি করে এবং একটি Cloud Billing অ্যাকাউন্ট লিঙ্ক করার মাধ্যমে আপনাকে নিয়ে যায়।

Firebase App Hosting এ আপনার অ্যাপ প্রকাশ করতে:

  1. একটি নতুন ফায়ারবেস প্রকল্প তৈরি করতে এবং App Hosting সেটআপ শুরু করতে পাবলিশ এ ক্লিক করুন। আপনার অ্যাপ প্রকাশ করুন ফলকটি প্রদর্শিত হবে।

  2. Firebase প্রকল্পের ধাপে, আপনার জন্য তৈরি করা Firebase প্রকল্পের নামটি নোট করুন, তারপর Next এ ক্লিক করুন।

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

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

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

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

  5. আপনার প্রথম রোলআউট তৈরি করুন ক্লিক করুন। Firebase Studio App Hosting রোলআউট চালু করেছে। এটি সম্পূর্ণ হতে দশ মিনিট পর্যন্ত সময় লাগতে পারে। পর্দার আড়ালে কী ঘটছে সে সম্পর্কে আরও জানতে, App Hosting বিল্ড প্রক্রিয়া দেখুন।

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

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

(ঐচ্ছিক) ধাপ 4: আপনার অ্যাপ মনিটর করুন

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

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

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

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

(ঐচ্ছিক) ধাপ 5: আপনার স্থাপনা রোল ব্যাক করুন

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

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

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

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

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

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

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

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

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

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

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

(ঐচ্ছিক) ধাপ 6: আপনার স্থাপন করা বৈশিষ্ট্যগুলির জন্য Genkit মনিটরিং ব্যবহার করুন

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

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

ধাপ 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. এটি খুলতে ফ্লোগুলির একটিতে ক্লিক করুন।

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

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

enableFirebaseTelemetry();

ধাপ 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 সম্পর্কে আরও জানুন।

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