ডেভেলপমেন্টের সময় আপনার অ্যাপ্লিকেশন প্রিভিউ এবং পরীক্ষা করার জন্য Firebase Studio বিভিন্ন উপায় প্রদান করে। এর মধ্যে রয়েছে App Prototyping agent ব্যবহার করা, বিল্ট-ইন ওয়েব প্রিভিউয়ার কাজে লাগানো এবং ফায়ারবেস স্টুডিও ওয়ার্কস্পেসের মধ্যে উপলব্ধ ওয়েব ও অ্যান্ড্রয়েড প্রিভিউয়ারগুলো ব্যবহার করা।
আপনার প্রিভিউ পরিবেশ সক্রিয় এবং কনফিগার করুন
আপনি যদি কোনো টেমপ্লেট ব্যবহার করেন অথবা App Prototyping agent ব্যবহার করে আপনার অ্যাপ তৈরি করেন, তাহলে প্রিভিউগুলো প্রায়শই আপনার জন্য আগে থেকেই কনফিগার করা থাকে। যদি আপনার টেমপ্লেটে প্রিভিউগুলো আগে থেকে সেট আপ করা না থাকে, তাহলে আপনি প্রজেক্টের নিক্স কনফিগারেশন ফাইলে সেগুলো কনফিগার করতে পারেন।
আপনার ওয়ার্কস্পেস থেকে
.idx/dev.nixফাইলটি খুলুন।আপনি যখন একটি নতুন ওয়ার্কস্পেস তৈরি করেন, তখন Firebase Studio স্বয়ংক্রিয়ভাবে এই ফাইলটি তৈরি করে এবং আপনার নির্বাচিত টেমপ্লেটের উপর ভিত্তি করে প্রযোজ্য প্রিভিউ এনভায়রনমেন্টগুলো অন্তর্ভুক্ত করে। যদি ফাইলটি আপনার Firebase Studio কোড রিপোজিটরিতে না থাকে, তবে এটি তৈরি করুন এবং তারপর
idx.previewsঅ্যাট্রিবিউটটিকেtrueতে সেট করুন। এরপর, কনফিগারেশন অ্যাট্রিবিউটগুলো যোগ করুন, যেমনটি নিম্নলিখিত উদাহরণে দেখানো হয়েছে:{ pkgs, ... }: { # NOTE: This is an excerpt of a complete Nix configuration example. # For more information about the dev.nix file in Firebase Studio, see # https://firebase.google.com/docs/studio/customize-workspace # Enable previews and customize configuration idx.previews = { enable = true; previews = { # The following object sets web previews web = { command = [ "npm" "run" "start" "--" "--port" "$PORT" "--host" "0.0.0.0" "--disable-host-check" ]; manager = "web"; # Optionally, specify a directory that contains your web app # cwd = "app/client"; }; # The following object sets Android previews # Note that this is supported only on Flutter workspaces android = { manager = "flutter"; }; }; }; }Firebase Studio তে Nix অ্যাট্রিবিউটগুলির সম্পূর্ণ তালিকার জন্য, Nix + Firebase Studio দেখুন।
আপনার পরিবেশ পুনর্গঠন করুন:
- কমান্ড প্যালেট (
Cmd+Shift+P/Ctrl+Shift+P) থেকে, Firebase Studio : Hard restart কমান্ডটি চালান। - এনভায়রনমেন্ট কনফিগ আপডেট হওয়ার নোটিফিকেশন থেকে, রিবিল্ড এনভায়রনমেন্ট-এ ক্লিক করুন।
আপনার
dev.nixফাইলটি পরিবর্তন করার পর যখন আপনি এনভায়রনমেন্টটি রি-বিল্ড করেন, তখন আপনার ওয়ার্কস্পেসে প্রিভিউ প্যানেলটি প্রদর্শিত হয়, যেখানে আপনার সক্রিয় করা অপশনগুলোর উপর নির্ভর করে অ্যান্ড্রয়েড এবং ওয়েব ট্যাবের যেকোনো একটি বা উভয়ই দেখা যায়।- কমান্ড প্যালেট (
অ্যাপ প্রিভিউ ব্যবহার করুন
Firebase Studio ফ্লাটার ওয়ার্কস্পেসে ক্রোম এবং অ্যান্ড্রয়েড এমুলেটরে ওয়েব প্রিভিউ দেখার সুবিধা দেয়, যা প্রিভিউ পরিবেশে আপনার অ্যাপটি ইনস্টল করে। এর ফলে আপনি সরাসরি আপনার ওয়ার্কস্পেস থেকেই অ্যাপটি শুরু থেকে শেষ পর্যন্ত সম্পূর্ণরূপে পরীক্ষা করতে পারেন।
ওয়েব এবং অ্যান্ড্রয়েডের জন্য প্রিভিউ রিফ্রেশ করুন
Firebase Studio আপনাকে একটি সুবিন্যস্ত অভ্যন্তরীণ ডেভেলপমেন্ট চক্র দেওয়ার জন্য অন্তর্নিহিত ফ্রেমওয়ার্কগুলির হট রিলোড কার্যকারিতা (যেমন npm run start এবং flutter hot-reload ) ব্যবহার করে। Firebase Studio নিম্নলিখিত ধরণের রিলোড সরবরাহ করে:
অটোমেটিক হট রিলোড : আপনি যখন কোনো ফাইল সেভ করেন, তখন হট রিলোড স্বয়ংক্রিয়ভাবে সম্পন্ন হয়। এটিকে কখনও কখনও হট মডিউল রিপ্লেসমেন্ট (বা HMR) নামেও পরিচিত। একটি হট রিলোড আপনার অ্যাপকে আপডেট করে, কিন্তু এর জন্য পেজ রিলোড করার প্রয়োজন হয় না (ওয়েব অ্যাপের ক্ষেত্রে) অথবা অ্যাপটি রিস্টার্ট বা রিইনস্টল করারও প্রয়োজন হয় না (এমুলেটরের ক্ষেত্রে)। এই পদ্ধতিটি আপনার অ্যাপের লাইভ স্টেট সংরক্ষণের জন্য উপযোগী, কিন্তু এটি সবসময় উদ্দেশ্য অনুযায়ী কাজ নাও করতে পারে।
ম্যানুয়াল ফুল রিলোড : এই অপশনটি একটি পেজ রিফ্রেশ (ওয়েব অ্যাপের জন্য) বা একটি অ্যাপ রিস্টার্ট (এমুলেটরের জন্য)-এর সমতুল্য। আপনার সোর্স কোডের গুরুত্বপূর্ণ পরিবর্তনগুলো, যেমন কোডের বড় অংশ রিফ্যাক্টরিং করার সময়, কার্যকর করতে আমরা ফুল রিলোড ব্যবহার করার পরামর্শ দিই।
ম্যানুয়াল হার্ড রিস্টার্ট : এই অপশনটি Firebase Studio -এর প্রিভিউ সিস্টেমকে সম্পূর্ণভাবে রিস্টার্ট করে, যার মধ্যে আপনার অ্যাপের ওয়েব সার্ভার বন্ধ করা এবং পুনরায় চালু করাও অন্তর্ভুক্ত।
Firebase Studio ক্যাটাগরির অধীনে প্রিভিউ টুলবার অথবা কমান্ড প্যালেট (ম্যাকে Cmd+Shift+P অথবা ChromeOS, Windows বা Linux-এ Ctrl+Shift+P ) ব্যবহার করে সমস্ত রিলোড অপশন পাওয়া যায়।
প্রিভিউ টুলবার ব্যবহার করতে, এই ধাপগুলো অনুসরণ করুন:
পৃষ্ঠাটি রিফ্রেশ করতে রিলোড আইকনে ক্লিক করুন। এটি পৃষ্ঠাটিকে সম্পূর্ণরূপে রিলোড করতে বাধ্য করে। অন্য ধরনের রিফ্রেশের জন্য, রিলোড আইকনের পাশের তীরচিহ্নে ক্লিক করে মেনুটি প্রসারিত করুন।
মেনু থেকে আপনার পছন্দের রিফ্রেশ অপশনটি বেছে নিন: হট রিলোড , ফুল রিলোড , অথবা হার্ড রিস্টার্ট ।
আপনার ওয়েব প্রিভিউ অন্যদের সাথে শেয়ার করুন
মতামতের জন্য অন্যদের সাথে আপনার অ্যাপের ওয়েব প্রিভিউ শেয়ার করতে, প্রথমে অ্যাক্সেস সক্ষম করুন এবং তারপর প্রিভিউটির সরাসরি লিঙ্কটি শেয়ার করুন:
ওয়েব প্রিভিউ টুলবারে, ক্লিক করুন
শেয়ারিং মেনু খুলতে অ্যাড্রেস বারের ডানদিকে থাকা শেয়ার প্রিভিউ লিঙ্ক আইকনটিতে ক্লিক করুন।এই বিকল্পগুলির মধ্যে একটি ব্যবহার করে অন্যদের আপনার কর্মক্ষেত্রে প্রবেশের অনুমতি দিন:
প্রিভিউ সর্বজনীন করুন : আপনার ওয়ার্কস্পেসের প্রিভিউ সর্বজনীনভাবে অ্যাক্সেসযোগ্য করুন। এর ফলে , আপনার ওয়ার্কস্পেস সক্রিয় থাকা অবস্থায় এবং আপনি সর্বজনীন অ্যাক্সেস বন্ধ না করা পর্যন্ত, ইন্টারনেটের যে কেউ আপনার ওয়ার্কস্পেসে চলমান প্রিভিউ সার্ভারটি অ্যাক্সেস করতে পারবে।
ওয়ার্কস্পেস অ্যাক্সেস পরিচালনা করুন । শুধুমাত্র সেইসব ব্যক্তিদের সাথেই আপনার ওয়ার্কস্পেস শেয়ার করুন, যাদের আপনি অ্যাক্সেস দিতে চান।
ওয়ার্কস্পেস প্রিভিউ-এর একটি সরাসরি লিঙ্ক কপি করতে ‘কপি প্রিভিউ ইউআরএল’ নির্বাচন করুন, যা আপনি পরবর্তীতে যাদের কাছ থেকে মতামত নিতে চান তাদের কাছে পাঠাতে পারবেন। এছাড়াও, প্রদর্শিত কিউআর কোডটি ব্যবহার করে আপনি আপনার মোবাইল ডিভাইসে প্রিভিউটি খুলতে পারেন।
অটোসেভ এবং হট রিলোড কনফিগার করুন
ডিফল্টরূপে, আপনি টাইপ করা বন্ধ করার এক সেকেন্ড পর Firebase Studio আপনার কাজ অটোসেভ করে, যা স্বয়ংক্রিয় হট রিলোড চালু করে। আপনি যদি চান Firebase Studio একটি ভিন্ন বিরতিতে আপনার কাজ সেভ করুক, তাহলে অটোসেভ সেটিং পরিবর্তন করুন। আপনি অটোসেভ বন্ধও করতে পারেন।
স্বয়ংক্রিয় সংরক্ষণ কনফিগার করুন
- Firebase Studio খুলুন।
- সেটিংস আইকনে ক্লিক করুন।
- ফাইল অনুসন্ধান: স্বয়ংক্রিয়ভাবে সংরক্ষণ করুন এবং যাচাই করুন যে ফিল্ডটি `afterDelay`-তে সেট করা আছে।
- ফাইল অনুসন্ধান: স্বয়ংক্রিয় সংরক্ষণে বিলম্ব ।
- মিলিসেকেন্ডে একটি নতুন অটোসেভ বিলম্বের ব্যবধান লিখুন। এখন থেকে আপনার করা পরিবর্তনগুলো নতুন অটোসেভ বিলম্ব সেটিং অনুযায়ী স্বয়ংক্রিয়ভাবে সংরক্ষিত হবে।
স্বয়ংক্রিয় সংরক্ষণ বন্ধ করুন
- Firebase Studio খুলুন।
- সেটিংস আইকনে ক্লিক করুন।
- ফাইল অনুসন্ধান: স্বয়ংক্রিয়ভাবে সংরক্ষণ ।
- ড্রপ-ডাউনে ক্লিক করে ' অফ' নির্বাচন করুন।
প্রিভিউ ব্যাকএন্ড সংযোগ বিচ্ছিন্ন
আপনি নিশ্চিন্তে "Preview backend disconnected" বার্তাটি উপেক্ষা করতে পারেন।