আপনার অ্যাপের পূর্বরূপ দেখুন

Firebase Studio ডেভেলপমেন্টের সময় আপনার অ্যাপ্লিকেশনের প্রিভিউ এবং পরীক্ষা করার বিভিন্ন উপায় অফার করে। এর মধ্যে রয়েছে App Prototyping agent ব্যবহার করা এবং বিল্ট-ইন ওয়েব প্রিভিউয়ার এবং ফায়ারবেস স্টুডিও ওয়ার্কস্পেসের মধ্যে উপলব্ধ ওয়েব এবং অ্যান্ড্রয়েড প্রিভিউয়ার ব্যবহার করা।

আপনার প্রিভিউ পরিবেশ সক্ষম এবং কনফিগার করুন

যদি আপনি একটি টেমপ্লেট ব্যবহার করেন অথবা App Prototyping agent ব্যবহার করে আপনার অ্যাপ তৈরি করেন, তাহলে প্রাকদর্শনগুলি প্রায়শই আপনার জন্য ইতিমধ্যেই কনফিগার করা থাকে। যদি আপনার টেমপ্লেটে প্রিভিউগুলি ইতিমধ্যেই সেট আপ না করা থাকে, তাহলে আপনি প্রকল্পের নিক্স কনফিগারেশন ফাইলে সেগুলি কনফিগার করতে পারেন।

1. আপনার কর্মক্ষেত্র থেকে, .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 নিক্স বৈশিষ্ট্যের সম্পূর্ণ তালিকার জন্য, নিক্স + Firebase Studio দেখুন।

2. আপনার পরিবেশ পুনর্নির্মাণ করুন:

   • কমান্ড প্যালেট ( Cmd+Shift+P / Ctrl+Shift+P ) থেকে, Firebase Studio : Hard restart কমান্ডটি চালান।
   • Environment config updated notification থেকে, Rebuild environment এ ক্লিক করুন।

   যখন আপনি আপনার dev.nix ফাইলটি পরিবর্তন করার পর পরিবেশটি পুনর্নির্মাণ করেন, তখন আপনার কর্মক্ষেত্রে প্রিভিউ প্যানেলটি প্রদর্শিত হয় যেখানে আপনি কী সক্ষম করেছেন তার উপর নির্ভর করে Android এবং Web ট্যাবগুলির যেকোনো একটি বা উভয়ই দেখানো হয়।

অ্যাপ প্রিভিউ ব্যবহার করুন

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

ওয়েব এবং অ্যান্ড্রয়েডের জন্য প্রিভিউ রিফ্রেশ করুন

Firebase Studio অন্তর্নিহিত ফ্রেমওয়ার্কের (যেমন npm run start এবং flutter hot-reload ) হট রিলোড কার্যকারিতার সাথে যুক্ত হয়ে আপনাকে একটি সুবিন্যস্ত অভ্যন্তরীণ ডেভেলপমেন্ট লুপ দেয়। Firebase Studio নিম্নলিখিত ধরণের রিলোড প্রদান করে:

• স্বয়ংক্রিয় হট রিলোড : যখন আপনি কোনও ফাইল সংরক্ষণ করেন তখন হট রিলোডগুলি স্বয়ংক্রিয়ভাবে সম্পাদিত হয়। কখনও কখনও হট মডিউল রিপ্লেসমেন্ট (বা HMR) নামে পরিচিত, একটি হট রিলোড পৃষ্ঠাটি পুনরায় লোড না করে (ওয়েব অ্যাপের জন্য) বা অ্যাপটি পুনরায় চালু বা পুনরায় ইনস্টল না করে (এমুলেটরের জন্য) আপনার অ্যাপটি আপডেট করে। এই পদ্ধতিটি আপনার অ্যাপের লাইভ অবস্থা সংরক্ষণের জন্য কার্যকর তবে সবসময় ইচ্ছামত কাজ নাও করতে পারে।

• ম্যানুয়াল ফুল রিলোড : এই বিকল্পটি একটি পৃষ্ঠা রিফ্রেশ (ওয়েব অ্যাপের জন্য) বা একটি অ্যাপ রিস্টার্ট (এমুলেটরের জন্য) এর সমতুল্য। আমরা আপনার সোর্স কোডে উল্লেখযোগ্য পরিবর্তনগুলি ক্যাপচার করার জন্য একটি ফুল রিলোড ব্যবহার করার পরামর্শ দিচ্ছি, যেমন কোডের বড় অংশ রিফ্যাক্টর করার সময়।

• ম্যানুয়াল হার্ড রিস্টার্ট : এই বিকল্পটি Firebase Studio প্রিভিউ সিস্টেমের সম্পূর্ণ পুনঃসূচনা সম্পাদন করে, যার মধ্যে আপনার অ্যাপের ওয়েব সার্ভার বন্ধ করা এবং পুনরায় চালু করা অন্তর্ভুক্ত।

Firebase Studio বিভাগের অধীনে, প্রিভিউ টুলবার অথবা কমান্ড প্যালেট ( Mac-এ Cmd+Shift+P অথবা ChromeOS, Windows, অথবা Linux-এ Ctrl+Shift+P ) ব্যবহার করে সমস্ত রিলোড বিকল্প উপলব্ধ।

প্রিভিউ টুলবার ব্যবহার করতে, এই পদক্ষেপগুলি অনুসরণ করুন:

1. পৃষ্ঠাটি রিফ্রেশ করতে রিলোড আইকনে ক্লিক করুন। এটি সম্পূর্ণ রিলোড করতে বাধ্য করে। ভিন্ন ধরণের রিফ্রেশের জন্য, মেনুটি প্রসারিত করতে রিলোড আইকনের পাশের তীরটিতে ক্লিক করুন।

2. মেনু থেকে আপনার পছন্দের রিফ্রেশ বিকল্পটি নির্বাচন করুন: হট রিলোড , ফুল রিলোড , অথবা হার্ড রিস্টার্ট ।

অন্যদের সাথে আপনার ওয়েব প্রিভিউ শেয়ার করুন

আপনি অ্যাক্সেস সক্ষম করে এবং তারপর প্রিভিউয়ের সরাসরি লিঙ্কটি শেয়ার করে প্রতিক্রিয়া জানাতে অন্যদের সাথে আপনার অ্যাপের ওয়েব প্রিভিউ শেয়ার করতে পারেন:

1. ওয়েব প্রিভিউ টুলবারে, ক্লিক করুন শেয়ারিং মেনু খুলতে ঠিকানা বারের ডানদিকে শেয়ার প্রিভিউ লিঙ্ক আইকনটি।

2. এই বিকল্পগুলির মধ্যে একটি ব্যবহার করে অন্যদের আপনার কর্মক্ষেত্রে অ্যাক্সেস করার অনুমতি দিন:

   • প্রিভিউ পাবলিক করুন : আপনার ওয়ার্কস্পেস প্রিভিউ পাবলিকলি অ্যাক্সেসযোগ্য করে তুলুন। এটি ইন্টারনেটে থাকা যে কেউ আপনার ওয়ার্কস্পেস সক্রিয় থাকাকালীন এবং আপনি পাবলিক অ্যাক্সেস বন্ধ না করা পর্যন্ত আপনার ওয়ার্কস্পেসে চলমান প্রিভিউ সার্ভারে পৌঁছাতে পারবেন।

   • কর্মক্ষেত্রের অ্যাক্সেস পরিচালনা করুন । আপনি যাদের অ্যাক্সেস দিতে চান তাদের সাথেই আপনার কর্মক্ষেত্র ভাগ করুন।

3. ওয়ার্কস্পেস প্রিভিউতে সরাসরি লিঙ্ক কপি করতে প্রিভিউ URL কপি করুন নির্বাচন করুন, যা আপনি যাদের কাছ থেকে প্রতিক্রিয়া পেতে চান তাদের কাছে পাঠাতে পারেন। আপনি আপনার মোবাইল ডিভাইসে আপনার প্রিভিউ খুলতে প্রদর্শিত QR কোডটিও ব্যবহার করতে পারেন।

অটোসেভ এবং হট রিলোড কনফিগার করুন

ডিফল্টরূপে, Firebase Studio আপনার কাজ টাইপ করা বন্ধ করার এক সেকেন্ড পরে স্বয়ংক্রিয়ভাবে সংরক্ষণ করে, যার ফলে স্বয়ংক্রিয়ভাবে হট রিলোড শুরু হয়। আপনি যদি চান যে Firebase Studio আপনার কাজ অন্য কোনও বিরতিতে সংরক্ষণ করুক, তাহলে স্বয়ংক্রিয়ভাবে সংরক্ষণের সেটিং পরিবর্তন করুন। আপনি স্বয়ংক্রিয়ভাবে সংরক্ষণ বন্ধও করতে পারেন।

প্রিভিউ ব্যাকএন্ড সংযোগ বিচ্ছিন্ন হয়েছে

আপনি "প্রিভিউ ব্যাকএন্ড সংযোগ বিচ্ছিন্ন" বার্তাটি নিরাপদে উপেক্ষা করতে পারেন।

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

• Firebase দিয়ে প্রকাশ করুন ।
• আপনার অ্যাপটি পর্যবেক্ষণ করুন ।