Firebase Studio আপনার কর্মক্ষেত্র থেকে সরাসরি আপনার অ্যাপ ডিবাগ করার কয়েকটি ভিন্ন উপায় অফার করে। ওয়েব এবং ফ্লাটার অ্যাপের জন্য, একটি ওয়েব কনসোল এবং লাইটহাউস সরাসরি ওয়ার্কস্পেসে একত্রিত করা হয়েছে। ফ্লটার অ্যাপগুলি আপনার কোড করার সময় আপনার অ্যাপটিকে স্পট-চেক এবং পরীক্ষা করার জন্য Android এবং ওয়েব প্রিভিউ অফার করে।
আরও সমৃদ্ধ, ব্রেকপয়েন্ট-ভিত্তিক ডিবাগিং বিল্ট-ইন ডিবাগ কনসোলের মাধ্যমে এবং OpenVSX থেকে ডিবাগার এক্সটেনশনগুলির সাথে এক্সটেনসিবল, বেশিরভাগ সাধারণ ভাষার জন্যও উপলব্ধ। আপনার ফ্রন্টএন্ড ওয়েব কোডের ব্রেকপয়েন্ট-ভিত্তিক ডিবাগিংয়ের জন্য (যেমন জাভাস্ক্রিপ্ট), আপনি আপনার ব্রাউজারের অন্তর্নির্মিত বিকাশকারী সরঞ্জামগুলি, যেমন Chrome এর DevTools ব্যবহার করা চালিয়ে যেতে পারেন।
আপনার অ্যাপের পূর্বরূপ দেখুন
Firebase Studio ওয়েব অ্যাপ (Chrome) এবং Flutter অ্যাপের (Android, Chrome) জন্য ইন-ওয়ার্কস্পেস অ্যাপ প্রিভিউ অন্তর্ভুক্ত রয়েছে। অ্যান্ড্রয়েড এবং ক্রোম প্রিভিউ হট রিলোড এবং হট রিফ্রেশ সমর্থন করে এবং সম্পূর্ণ এমুলেটর ক্ষমতা প্রদান করে।
Firebase Studio প্রিভিউ সম্পর্কে আরও জানতে, আপনার অ্যাপের পূর্বরূপ দেখুন।
ওয়েব প্রিভিউয়ের জন্য ইন্টিগ্রেটেড ওয়েব কনসোল ব্যবহার করুন
ইন্টিগ্রেটেড ওয়েব কনসোল আপনাকে সরাসরি ওয়েব প্রিভিউ থেকে আপনার অ্যাপের সমস্যাগুলি নির্ণয় করতে সাহায্য করে৷ আপনি নীচের দিকের বারটি প্রসারিত করে Firebase Studio ওয়েব প্রিভিউ প্যানেলে ওয়েব কনসোল অ্যাক্সেস করতে পারেন।
মনে রাখবেন যে এই বৈশিষ্ট্যটি পরীক্ষামূলক এবং ডিফল্টরূপে সক্ষম নয়৷ এটি চালু করতে, এই পদক্ষেপগুলি অনুসরণ করুন এবং আপনি এটি চেষ্টা করার পরে আপনার প্রতিক্রিয়া ভাগ করুন :
আপনার Firebase Studio ওয়ার্কস্পেসে ওয়েব কনসোল যোগ করুন:
- ক্লিক করে বা
Ctrl + ,(Windows/Linux/ChromeOS-এ) বাCmd + ,(MacOS-এ) টিপে সেটিংস খুলুন। - Firebase Studio খুঁজুন: ওয়েব ডেভ টুল সেটিং এবং এটি সক্ষম করুন। আপনি যদি আপনার
settings.jsonফাইলটি সরাসরি সম্পাদনা করেন, তাহলে আপনি"IDX.webDevTools": true। - আপনার Firebase Studio ওয়ার্কস্পেস পুনরায় লোড করতে আপনার ব্রাউজার উইন্ডো রিফ্রেশ করুন।
- ক্লিক করে বা
Firebase Studio ওয়েব প্রিভিউ খুলুন : কমান্ড প্যালেট খুলুন (ম্যাকে
Cmd+Shift+Pবা ChromeOS, Windows বা Linux-এCtrl+Shift+P) এবং Firebase Studio নির্বাচন করুন : ওয়েব প্রিভিউ দেখান ।ওয়েব কনসোল প্যানেলটি ডিফল্টরূপে ওয়েব প্রিভিউ প্যানেলের মধ্যে ছোট করা হয়। বারটিতে ক্লিক করুন বা এটিকে প্রসারিত করতে টেনে আনুন৷
Firebase Studio ওয়েব প্রিভিউতে থাকা ওয়েব কনসোল প্যানেলটি অন্যান্য কনসোলের মতোই কাজ করে, যেমন Chrome DevTools- এ উপলব্ধ একটি:
- আপনি যখন আপনার অ্যাপ ব্যবহার করবেন তখন JavaScript ত্রুটি এবং
console.logবিবৃতি সেখানে উপস্থিত হবে৷- ত্রুটি এবং সতর্কতার জন্য, আপনার কাছে ত্রুটি বার্তার ডানদিকে এই ত্রুটি বোতামটি নির্বাচন করে মিথুন থেকে সহায়তা পাওয়ার বিকল্প রয়েছে৷
- আপনি নীচের প্রম্পট বার ব্যবহার করে আপনার ওয়েব প্রিভিউর প্রসঙ্গে নির্বিচারে জাভাস্ক্রিপ্ট মূল্যায়ন করতে পারেন।
ওয়েব প্রিভিউগুলির জন্য লাইটহাউস চালান
লাইটহাউস আপনার নির্বাচন করা নির্দিষ্ট অডিট বিভাগের উপর ভিত্তি করে আপনার অ্যাপ অডিট করে এবং ফলাফল এবং পরামর্শ সহ একটি প্রতিবেদন প্রদান করে। আপনি Firebase Studio ওয়েব প্রিভিউ থেকে সরাসরি লাইটহাউস রিপোর্ট চালাতে পারেন।
Firebase Studio ওয়েব প্রিভিউ খুলুন : কমান্ড প্যালেট খুলুন (ম্যাকে
Cmd+Shift+Pবা ChromeOS, Windows বা Linux-এCtrl+Shift+P) Firebase Studio নির্বাচন করুন : ওয়েব প্রিভিউ দেখান ।ক্লিক করুন
ওয়েব প্রিভিউ টুলবার থেকে লাইটহাউস আইকন চালান । 
লাইটহাউস প্যানেলে, আপনি যে অডিট বিভাগগুলি চান তা নির্বাচন করুন৷ আপনি প্রতিবেদনগুলি থেকে নির্বাচন করতে পারেন অডিটিং কর্মক্ষমতা , অ্যাক্সেসযোগ্যতা , সর্বোত্তম অনুশীলনের সাথে সামঞ্জস্য , এসইও এবং প্রগতিশীল ওয়েব অ্যাপ পারফরম্যান্স । প্রতিবেদন তৈরি করতে বিশ্লেষণ পৃষ্ঠায় ক্লিক করুন।প্রতিবেদনগুলি তৈরি হতে কয়েক মিনিট সময় লাগতে পারে৷
প্রতিবেদনগুলি লাইটহাউস প্যানেলে উপস্থিত হওয়ার পরে, আপনি প্রতিটি অডিট বিভাগের ফলাফলগুলি পর্যালোচনা করতে পারেন, বা স্কোর এবং বিভাগের নাম ক্লিক করে অডিট বিভাগগুলির মধ্যে পরিবর্তন করতে পারেন৷
ডিবাগ কনসোল ব্যবহার করুন
Firebase Studio কোড OSS থেকে অন্তর্নির্মিত ডিবাগ কনসোল অন্তর্ভুক্ত করে। সর্বাধিক সাধারণ প্রোগ্রামিং ভাষার জন্য বাক্সের বাইরের ডিবাগারগুলির সাথে আপনার অ্যাপ ডিবাগ করতে এই কনসোলটি ব্যবহার করুন, বা OpenVSX থেকে একটি ডিবাগিং এক্সটেনশন যোগ করুন৷
আপনার ডিবাগিং অভিজ্ঞতা কাস্টমাইজ করতে, আপনি আপনার কর্মক্ষেত্রে একটি .vscode/launch.json ফাইল যোগ করতে পারেন এবং কাস্টম লঞ্চ কনফিগারেশন নির্দিষ্ট করতে পারেন৷ ভিজ্যুয়াল স্টুডিও কোড ডিবাগ কনফিগারেশনে ডিবাগিং কাস্টমাইজ করতে লঞ্চ কনফিগারেশন ফাইল ব্যবহার করার বিষয়ে আরও জানুন।
মিথুন দিয়ে ডিবাগ করুন
আপনার Code ওয়ার্কস্পেস বা App Prototyping agent চ্যাটের মাধ্যমে আপনার কোড ডিবাগ করতে আপনি Firebase এ Gemini ব্যবহার করতে পারেন।
যদিও মিথুন আপনার জন্য কোড লিখতে পারে, এটি কখনও কখনও ত্রুটিও তৈরি করতে পারে। যখন এটি একটি ত্রুটি সনাক্ত করে, এটি এটি ঠিক করার চেষ্টা করবে। আপনি যদি খুঁজে পান যে এটি ত্রুটি বার্তা দেওয়া সমস্যাটি সমাধান করতে সক্ষম নয়, আপনি নিম্নলিখিত কিছু কৌশল চেষ্টা করতে পারেন:
সমস্যাটি বর্ণনা করুন: চ্যাট ইন্টারফেসে, আপনি যে সমস্যার সম্মুখীন হচ্ছেন তা যতটা সম্ভব স্পষ্টভাবে এবং সংক্ষিপ্তভাবে বর্ণনা করুন। যদিও মিথুনের কাছে ত্রুটির বার্তা এবং লগের মতো প্রসঙ্গে অ্যাক্সেস থাকতে পারে, তবে এটি সম্পূর্ণ প্রসঙ্গ বুঝতে নাও পারে। ত্রুটি বার্তা সহ আচরণ বর্ণনা করা মিথুনকে দ্রুত ত্রুটিগুলি ঠিক করতে সহায়তা করতে পারে।
নির্দিষ্ট প্রশ্ন জিজ্ঞাসা করুন: আপনার কোড সম্পর্কে জেমিনিকে সরাসরি প্রশ্ন জিজ্ঞাসা করতে ভয় পাবেন না। উদাহরণস্বরূপ, "এই ফাংশনে একটি নাল পয়েন্টার ব্যতিক্রমের কারণ হতে পারে?" বা "কিভাবে আমি এই রেসের অবস্থা প্রতিরোধ করতে পারি?"
জটিল সমস্যাগুলি ভেঙে দিন: আপনি যদি কোনও জটিল সমস্যা নিয়ে কাজ করেন তবে এটিকে আরও ছোট, আরও পরিচালনাযোগ্য অংশে ভাগ করুন। প্রতিটি অংশকে আলাদাভাবে ডিবাগ করতে এবং ধাপে ধাপে সমস্যার সমাধান করতে সাহায্য করতে মিথুনকে বলুন।
কোডের বেড়া ব্যবহার করুন: কোড স্নিপেট শেয়ার করার সময়, কোডটি সঠিকভাবে ফরম্যাট করা হয়েছে তা নিশ্চিত করতে কোডের বেড়া ব্যবহার করুন। এটি মিথুনের পক্ষে আপনার কোড পড়া এবং বোঝা সহজ করে তোলে।
পুনরাবৃত্তি করুন এবং পরিমার্জন করুন: মিথুন সর্বদা প্রথম চেষ্টায় নিখুঁত সমাধান প্রদান করতে পারে না। প্রতিক্রিয়াগুলি পর্যালোচনা করুন, স্পষ্ট প্রশ্ন জিজ্ঞাসা করুন এবং প্রয়োজনে অতিরিক্ত তথ্য প্রদান করুন।
প্রম্পট লুপ এড়িয়ে চলুন: মিথুন যদি একটি লুপে আটকে যায় বা আপনার প্রশ্নের উত্তর দিতে অক্ষম হয়, তাহলে আপনার প্রম্পটটি পুনরায় বলার চেষ্টা করুন বা অতিরিক্ত প্রসঙ্গ প্রদান করুন। কখনও কখনও, শুধুমাত্র আপনার প্রশ্ন পুনরায় লিখলে আপনি কি জিজ্ঞাসা করছেন তা বুঝতে মিথুনকে সাহায্য করতে পারে।
যদি আপনার প্রম্পট রিফ্রেসিং লুপের সমাধান না করে, তাহলে নিম্নলিখিত কৌশলগুলি চেষ্টা করুন:
একটি নতুন চ্যাট শুরু করুন: আপনি যদি আপনার Code ওয়ার্কস্পেসে Firebase চ্যাটে জেমিনি ব্যবহার করে থাকেন, তাহলে মিথুনের প্রসঙ্গ পুনরায় সেট করতে একটি নতুন চ্যাট সেশন শুরু করুন৷ এটি মিথুন পূর্ববর্তী কথোপকথনে যে কোনো ভুল ধারণা বা অনুমান থেকে মুক্ত হতে সাহায্য করতে পারে।
পাল্টা-উদাহরণ প্রদান করুন: মিথুন যদি ভুল অনুমান করে থাকে, তাহলে তাকে সঠিক আচরণ বুঝতে সাহায্য করার জন্য পাল্টা-উদাহরণ দিন।