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

Firebase Studio একটি প্রিভিউয়ার প্রদান করে যা আপনার কোড এডিটরের পাশাপাশি আপনার অ্যাপ্লিকেশনটির একটি লাইভ ভিউ রেন্ডার করে।

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

আপনি যদি একটি টেমপ্লেট ব্যবহার করেন, প্রিভিউগুলি প্রায়শই আপনার জন্য ইতিমধ্যেই কনফিগার করা হয়৷ যদি পূর্বরূপগুলি আপনার টেমপ্লেটে ইতিমধ্যেই সেট আপ না করা থাকে, আপনি সেগুলিকে প্রকল্পের নিক্স কনফিগারেশন ফাইলে কনফিগার করতে পারেন৷

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 চালান : হার্ড রিস্টার্ট কমান্ড।
   • এনভায়রনমেন্ট কনফিগারেশন আপডেট করা বিজ্ঞপ্তি থেকে, পরিবেশ পুনর্নির্মাণ ক্লিক করুন।

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

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

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

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

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

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

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

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

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

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

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

2. মেনু থেকে আপনি যে রিফ্রেশ বিকল্পটি চান তা নির্বাচন করুন: হট রিলোড , ফুল রিলোড , বা হার্ড রিস্টার্ট ৷

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

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

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

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

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

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

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

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

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

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

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