স্থানীয়ভাবে আপনার ওয়েব অ্যাপ পরীক্ষা করুন, অন্যদের সাথে পরিবর্তনগুলি ভাগ করুন, তারপর লাইভ স্থাপন করুন

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

শুরু করার আগে

Hosting শুরু করুন পৃষ্ঠায় তালিকাভুক্ত পদক্ষেপগুলি সম্পূর্ণ করুন, বিশেষ করে নিম্নলিখিত কাজগুলি:

1. Firebase CLI এর সর্বশেষ সংস্করণে ইনস্টল বা আপডেট করুন।
2. আপনার Firebase প্রকল্পের সাথে স্থানীয় প্রকল্প ডিরেক্টরি (আপনার অ্যাপের বিষয়বস্তু ধারণকারী) সংযুক্ত করুন।

আপনি ঐচ্ছিকভাবে আপনার অ্যাপের Hosting কন্টেন্ট এবং কনফিগারেশন স্থাপন করতে পারেন, তবে এই পৃষ্ঠার ধাপগুলির জন্য এটি পূর্বশর্ত নয়।

আপনার ওয়েব অ্যাপ পরীক্ষা এবং ডেভেলপ করার জন্য আমরা একটি পৃথক Firebase প্রকল্প স্থাপন করার পরামর্শ দিচ্ছি। পরীক্ষা এবং ডেভেলপমেন্টের সময় আপনার প্রকল্পের সংস্থানগুলিতে (ডাটাবেস, স্টোরেজ, নিয়ম, ফাংশন ইত্যাদি) অনিচ্ছাকৃত পরিবর্তন থেকে আপনার প্রোডাকশন সাইটকে রক্ষা করতে চান।

ধাপ ১: স্থানীয়ভাবে পরীক্ষা করুন

যদি আপনি দ্রুত পুনরাবৃত্তি করেন অথবা আপনার অ্যাপটি এমুলেটেড ব্যাকএন্ড প্রজেক্ট রিসোর্সের সাথে ইন্টারঅ্যাক্ট করতে চান, তাহলে আপনি স্থানীয়ভাবে আপনার Hosting কন্টেন্ট এবং কনফিগারেশন পরীক্ষা করতে পারেন। স্থানীয়ভাবে পরীক্ষা করার সময়, Firebase আপনার ওয়েব অ্যাপটিকে স্থানীয়ভাবে হোস্ট করা URL-এ পরিবেশন করে।

Hosting হল Firebase Local Emulator Suite অংশ, যা আপনার অ্যাপকে আপনার এমুলেটেড Hosting কন্টেন্ট এবং কনফিগারেশনের সাথে ইন্টারঅ্যাক্ট করতে সক্ষম করে, সেইসাথে ঐচ্ছিকভাবে আপনার এমুলেটেড প্রজেক্ট রিসোর্স (ফাংশন, ডাটাবেস এবং নিয়ম)।

1. (ঐচ্ছিক) ডিফল্টরূপে, আপনার স্থানীয়ভাবে হোস্ট করা অ্যাপটি বাস্তব , অনুকরণ করা নয়, প্রকল্প সংস্থানগুলির (ফাংশন, ডাটাবেস, নিয়ম, ইত্যাদি) সাথে ইন্টারঅ্যাক্ট করবে। পরিবর্তে আপনি আপনার কনফিগার করা যেকোনো অনুকরণ করা প্রকল্প সংস্থান ব্যবহার করার জন্য ঐচ্ছিকভাবে আপনার অ্যাপটি সংযুক্ত করতে পারেন। আরও জানুন: Realtime Database | Cloud Firestore | Cloud Functions

2. আপনার স্থানীয় প্রকল্প ডিরেক্টরির মূল থেকে, নিম্নলিখিত কমান্ডটি চালান:

   firebase emulators:start

3. CLI দ্বারা প্রদত্ত স্থানীয় URL (সাধারণত http://localhost:5000 ) এ আপনার ওয়েব অ্যাপটি খুলুন।

4. পরিবর্তন সহ স্থানীয় URL আপডেট করতে, আপনার ব্রাউজার রিফ্রেশ করুন।

অন্যান্য স্থানীয় ডিভাইস থেকে পরীক্ষা করুন

ডিফল্টরূপে, এমুলেটরগুলি কেবল localhost থেকে আসা অনুরোধগুলিতে সাড়া দেয়। এর অর্থ হল আপনি আপনার কম্পিউটারের ওয়েব ব্রাউজার থেকে আপনার হোস্ট করা সামগ্রী অ্যাক্সেস করতে পারবেন কিন্তু আপনার নেটওয়ার্কের অন্যান্য ডিভাইস থেকে নয়। আপনি যদি অন্যান্য স্থানীয় ডিভাইস থেকে পরীক্ষা করতে চান, তাহলে আপনার firebase.json কনফিগার করুন:

"emulators": {
    // ...

    "hosting": {
      "port": 5000,
      "host": "0.0.0.0"
    }
  }

firebase serve ব্যবহার করে স্থানীয়ভাবে পরীক্ষা করুন (প্রস্তাবিত নয়)

firebase serve সুপারিশ করা হয় না। পরিবর্তে, আমরা Firebase Local Emulator Suite দিয়ে স্থানীয়ভাবে পরীক্ষা করার পরামর্শ দিচ্ছি।

firebase serve ব্যবহার করার সময়, আপনার অ্যাপটি আপনার Hosting কন্টেন্ট এবং কনফিগারেশনের (এবং ঐচ্ছিকভাবে ফাংশনগুলির) জন্য একটি অনুকরণকৃত ব্যাকএন্ডের সাথে ইন্টারঅ্যাক্ট করে কিন্তু অন্যান্য সমস্ত প্রকল্প সংস্থানের জন্য আপনার আসল ব্যাকএন্ডের সাথে।

1. আপনার স্থানীয় প্রকল্প ডিরেক্টরির মূল থেকে, নিম্নলিখিত কমান্ডটি চালান:

   firebase serve --only hosting

   দ্রষ্টব্য: --only hosting ফ্ল্যাগ দিয়ে এই কমান্ডটি চালানোর মাধ্যমে, আপনি কেবল আপনার Hosting কন্টেন্ট এবং কনফিগারেশন অনুকরণ করছেন। আপনি যদি ফাংশনগুলিও অনুকরণ করতে চান, --only hosting,functions ফ্ল্যাগ দিয়ে এই কমান্ডটি চালান।

2. CLI দ্বারা প্রদত্ত স্থানীয় URL (সাধারণত http://localhost:5000 ) এ আপনার ওয়েব অ্যাপটি খুলুন।

3. পরিবর্তন সহ স্থানীয় URL আপডেট করতে, আপনার ব্রাউজার রিফ্রেশ করুন।

অন্যান্য স্থানীয় ডিভাইস থেকে পরীক্ষা করার জন্য firebase serve ব্যবহার করুন

ডিফল্টরূপে, firebase serve শুধুমাত্র localhost থেকে আসা অনুরোধের জবাব দেয়। এর অর্থ হল আপনি আপনার কম্পিউটারের ওয়েব ব্রাউজার থেকে আপনার হোস্ট করা সামগ্রী অ্যাক্সেস করতে পারবেন কিন্তু আপনার নেটওয়ার্কের অন্যান্য ডিভাইস থেকে নয়। আপনি যদি অন্যান্য স্থানীয় ডিভাইস থেকে পরীক্ষা করতে চান, তাহলে --host পতাকাটি ব্যবহার করুন, যেমন:

firebase serve --host 0.0.0.0  // accepts requests to any host

ধাপ ২: প্রিভিউ এবং শেয়ার করুন

যদি আপনি চান যে অন্যরা লাইভ হওয়ার আগে আপনার ওয়েব অ্যাপের পরিবর্তনগুলি দেখুক, তাহলে আপনি প্রিভিউ চ্যানেল ব্যবহার করতে পারেন।

একটি প্রিভিউ চ্যানেলে স্থাপন করার পর, Firebase আপনার ওয়েব অ্যাপটিকে একটি "প্রিভিউ URL"-এ পরিবেশন করে, যা একটি শেয়ারযোগ্য, অস্থায়ী URL। একটি প্রিভিউ URL ব্যবহার করার সময়, আপনার ওয়েব অ্যাপটি সমস্ত প্রকল্প সংস্থানের জন্য আপনার আসল ব্যাকএন্ডের সাথে ইন্টারঅ্যাক্ট করে ( আপনার পুনর্লিখন কনফিগারেশনে যেকোনো "পিন করা" ফাংশন বাদে)।

মনে রাখবেন যে প্রিভিউ URL গুলি অনুমান করা কঠিন (কারণ এগুলিতে একটি র‍্যান্ডম হ্যাশ থাকে), তবে এগুলি সর্বজনীন। তাই, যারা URL টি জানেন তারা এটি অ্যাক্সেস করতে পারবেন।

1. আপনার স্থানীয় প্রকল্প ডিরেক্টরির মূল থেকে, নিম্নলিখিত কমান্ডটি চালান:

   firebase hosting:channel:deploy CHANNEL_ID

   CHANNEL_ID পরিবর্তে কোনও স্পেস ছাড়াই একটি স্ট্রিং লিখুন (উদাহরণস্বরূপ, feature_mission-2-mars )। এই আইডিটি প্রিভিউ চ্যানেলের সাথে সম্পর্কিত প্রিভিউ URL তৈরি করতে ব্যবহার করা হবে।

   দ্রষ্টব্য: আপনাকে --only hosting ফ্ল্যাগটি পাস করার দরকার নেই কারণ এই কমান্ডটি শুধুমাত্র আপনার Hosting কন্টেন্ট এবং কনফিগারেশন স্থাপন করে ( আপনার পুনর্লিখন কনফিগারেশনে যেকোনো "পিন করা" ফাংশন সহ)। প্রিভিউ URL-এ পরিবেশিত অ্যাপগুলি সর্বদা বাস্তব প্রকল্প সংস্থানগুলির সাথে ইন্টারঅ্যাক্ট করে (স্থাপিত "পিন করা" ফাংশন ব্যতীত)।

2. CLI দ্বারা প্রদত্ত প্রিভিউ URL-এ আপনার ওয়েব অ্যাপটি খুলুন। এটি দেখতে এরকম কিছু হবে: PROJECT_ID -- CHANNEL_ID - RANDOM_HASH .web.app

3. পরিবর্তন সহ আপনার প্রিভিউ URL আপডেট করতে, একই কমান্ডটি আবার চালান। কমান্ডে একই CHANNEL_ID উল্লেখ করতে ভুলবেন না।

চ্যানেলের প্রিভিউ পরিচালনা সম্পর্কে জানুন, যার মধ্যে চ্যানেলের মেয়াদ কীভাবে সেট করবেন তাও জানুন।

Firebase Hosting একটি গিটহাব অ্যাকশন সমর্থন করে যা আপনি যখন কোনও পুল অনুরোধে পরিবর্তন করেন তখন স্বয়ংক্রিয়ভাবে একটি প্রিভিউ URL তৈরি করে এবং আপডেট করে। এই গিটহাব অ্যাকশনটি কীভাবে সেট আপ এবং ব্যবহার করবেন তা শিখুন।

ধাপ ৩: লাইভ স্থাপন করুন

যখন আপনি আপনার পরিবর্তনগুলি বিশ্বের সাথে ভাগ করে নেওয়ার জন্য প্রস্তুত হবেন, তখন আপনার Hosting সামগ্রী এবং কনফিগারেশনটি আপনার লাইভ চ্যানেলে স্থাপন করুন। আপনার ব্যবহারের ক্ষেত্রের উপর নির্ভর করে Firebase এই পদক্ষেপের জন্য কয়েকটি ভিন্ন বিকল্প অফার করে (নীচের বিকল্পগুলি দেখুন)।

বিকল্প ১: একটি প্রিভিউ চ্যানেল থেকে আপনার লাইভ চ্যানেলে ক্লোন করুন

এই বিকল্পটি আপনাকে আত্মবিশ্বাস দেয় যে আপনি আপনার লাইভ চ্যানেলে সেই সঠিক সামগ্রী এবং কনফিগারেশনটি স্থাপন করছেন যা আপনি একটি প্রিভিউ চ্যানেলে পরীক্ষা করেছিলেন। ক্লোনিং সংস্করণ সম্পর্কে আরও জানুন।

1. যেকোনো ডিরেক্টরি থেকে, নিম্নলিখিত কমান্ডটি চালান:

   firebase hosting:clone SOURCE_SITE_ID:SOURCE_CHANNEL_ID TARGET_SITE_ID:live

   প্রতিটি স্থানধারক নিম্নলিখিত দিয়ে প্রতিস্থাপন করুন:

   • SOURCE_SITE_ID এবং TARGET_SITE_ID : এগুলি হল Hosting সাইটগুলির আইডি যেখানে চ্যানেলগুলি থাকে।

     • আপনার ডিফল্ট Hosting সাইটের জন্য, আপনার Firebase প্রজেক্ট আইডি ব্যবহার করুন।
     • আপনি একই Firebase প্রকল্পে অথবা এমনকি বিভিন্ন Firebase প্রকল্পে থাকা সাইটগুলি নির্দিষ্ট করতে পারেন।

   • SOURCE_CHANNEL_ID : এটি হল সেই চ্যানেলের শনাক্তকারী যা বর্তমানে আপনার লাইভ চ্যানেলে যে সংস্করণটি স্থাপন করতে চান তা পরিবেশন করছে।

     • লাইভ চ্যানেলের জন্য, চ্যানেল আইডি হিসেবে live ব্যবহার করুন।

2. আপনার পরিবর্তনগুলি দেখুন (পরবর্তী ধাপ)।

বিকল্প ২: আপনার স্থানীয় প্রকল্প ডিরেক্টরি থেকে আপনার লাইভ চ্যানেলে স্থাপন করুন

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

1. আপনার স্থানীয় প্রকল্প ডিরেক্টরির মূল থেকে, নিম্নলিখিত কমান্ডটি চালান:

   firebase deploy --only hosting

   দ্রষ্টব্য: --only hosting ফ্ল্যাগ দিয়ে এই কমান্ডটি চালানোর মাধ্যমে, আপনি শুধুমাত্র আপনার Hosting কন্টেন্ট এবং কনফিগারেশন স্থাপন করছেন ( আপনার পুনর্লিখন কনফিগারেশনে যেকোনো "পিন করা" ফাংশন সহ)। যদি আপনি অন্যান্য প্রকল্প সংস্থান বা কনফিগারেশন (যেমন ব্যাকএন্ড-ট্রিগার করা ফাংশন বা Cloud Storage নিয়ম) স্থাপন করতে চান, তাহলে ফ্ল্যাগে কমা দ্বারা পৃথক করা তালিকা সহ এই কমান্ডটি চালান (উদাহরণস্বরূপ, --only hosting,storage )।

2. আপনার পরিবর্তনগুলি দেখুন (পরবর্তী ধাপ)।

দ্রষ্টব্য: স্পার্ক প্ল্যান প্রকল্পের জন্য, Firebase Firebase এবং Firebase Hosting Cloud Storage for Firebase দ্বারা Windows ( .exe , .dll এবং .bat এক্সটেনশন সহ ফাইল), Android ( .apk এক্সটেনশন) এবং Apple ( .ipa এক্সটেনশন) এর জন্য নির্দিষ্ট এক্সিকিউটেবল ফাইল প্রকারের আপলোড এবং হোস্টিং ব্লক করে। এই নীতিটি আমাদের প্ল্যাটফর্মে অপব্যবহার রোধ করার জন্য বিদ্যমান। Blaze প্ল্যানের প্রকল্পগুলি প্রভাবিত হয় না। আরও তথ্যের জন্য, এই FAQ দেখুন।

ধাপ ৪: আপনার লাইভ সাইটে আপনার পরিবর্তনগুলি দেখুন

উপরের দুটি বিকল্পই আপনার Hosting কন্টেন্ট এবং কনফিগারেশন নিম্নলিখিত সাইটগুলিতে স্থাপন করে:

• আপনার ডিফল্ট Hosting সাইট এবং যেকোনো অতিরিক্ত Hosting সাইটের জন্য Firebase-প্রভিশনেড সাবডোমেন:
  SITE_ID .web.app (যেমন PROJECT_ID .web.app )
  SITE_ID .firebaseapp.com (যেমন PROJECT_ID .firebaseapp.com )

• আপনার Hosting সাইট(গুলি) এর সাথে সংযুক্ত যেকোনো কাস্টম ডোমেন

একটি নির্দিষ্ট Hosting সাইটে ডিপ্লয় সীমাবদ্ধ করতে, আপনার CLI কমান্ডে একটি ডিপ্লয় টার্গেট নির্দিষ্ট করুন ।

অন্যান্য স্থাপনার কার্যকলাপ এবং তথ্য

স্থাপনার জন্য একটি মন্তব্য যোগ করুন

আপনি ঐচ্ছিকভাবে একটি স্থাপনায় একটি মন্তব্য যোগ করতে পারেন। এই মন্তব্যটি Firebase কনসোলের Hosting ড্যাশবোর্ডে অন্যান্য স্থাপনার তথ্যের সাথে প্রদর্শিত হবে। উদাহরণস্বরূপ:

firebase deploy --only hosting -m "Deploying the best new feature ever."

প্রি-ডিপ্লয় এবং পোস্ট-ডিপ্লয় স্ক্রিপ্টেড টাস্ক যোগ করুন

আপনি ঐচ্ছিকভাবে শেল স্ক্রিপ্টগুলিকে firebase deploy কমান্ডের সাথে সংযুক্ত করতে পারেন যাতে predeploy বা postdeploy কাজগুলি করা যায়। উদাহরণস্বরূপ, একটি postdeploy হুক প্রশাসকদের নতুন সাইটের কন্টেন্ট deploy সম্পর্কে অবহিত করতে পারে। আরও বিস্তারিত জানার জন্য Firebase CLI ডকুমেন্টেশন দেখুন।

মোতায়েন করা কন্টেন্ট ক্যাশে করা হচ্ছে

যখন স্ট্যাটিক কন্টেন্টের জন্য অনুরোধ করা হয়, তখন Firebase Hosting স্বয়ংক্রিয়ভাবে সিডিএন-এ কন্টেন্ট ক্যাশে করে। আপনি যদি আপনার সাইটের কন্টেন্ট পুনরায় স্থাপন করেন, তাহলে ফায়ারবেস স্বয়ংক্রিয়ভাবে সিডিএন জুড়ে আপনার সমস্ত ক্যাশেড স্ট্যাটিক কন্টেন্ট সাফ করে দেয় যাতে নতুন অনুরোধগুলি আপনার নতুন কন্টেন্ট গ্রহণ করে।

মনে রাখবেন যে আপনি গতিশীল সামগ্রীর ক্যাশিং কনফিগার করতে পারেন।

HTTPS এর মাধ্যমে পরিষেবা প্রদান করা হচ্ছে

Firebase Hosting শুধুমাত্র SSL-এর মাধ্যমে, অর্থাৎ কন্টেন্ট শুধুমাত্র HTTPS-এর মাধ্যমে পরিবেশিত হয়।

নিশ্চিত করুন যে Firebase Hosting এ হোস্ট করা নেই এমন সমস্ত বাহ্যিক রিসোর্স SSL (HTTPS) এর মাধ্যমে লোড করা হয়েছে, যার মধ্যে যেকোনো বাহ্যিক স্ক্রিপ্টও রয়েছে। বেশিরভাগ ব্রাউজার ব্যবহারকারীদের "মিশ্র সামগ্রী" (SSL এবং নন-SSL ট্র্যাফিক) লোড করার অনুমতি দেয় না।

ফাইল মুছে ফেলা হচ্ছে

Firebase Hosting এ, একটি স্থাপন করা সাইট থেকে নির্বাচিত ফাইলগুলি মুছে ফেলার প্রাথমিক উপায় হল স্থানীয়ভাবে ফাইলগুলি মুছে ফেলা এবং তারপরে পুনরায় স্থাপন করা।

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

• GitHub-এর সাথে ইন্টিগ্রেট করুন এবং GitHub অ্যাকশন সেট আপ করে আপনার প্রিভিউ করা কন্টেন্ট পুনরাবৃত্তি করুন।

• আরও হোস্টিং ক্ষমতা সম্পর্কে জানুন:

  • হোস্টিং আচরণ কনফিগার করুন
  • একটি কাস্টম ডোমেন সংযুক্ত করুন
  • গতিশীল কন্টেন্ট পরিবেশন করুন এবং মাইক্রোসার্ভিসেস হোস্ট করুন

• Firebase CLI এর সম্পূর্ণ ডকুমেন্টেশনটি একবার দেখে নিন।

• আপনার অ্যাপ চালু করার জন্য প্রস্তুত হোন:

  • Google Cloud কনসোলে আপনার প্রকল্পের জন্য বাজেট সতর্কতা সেট আপ করুন।
  • একাধিক Firebase পরিষেবা জুড়ে আপনার প্রকল্পের ব্যবহারের সামগ্রিক চিত্র পেতে Firebase কনসোলে ব্যবহার এবং বিলিং ড্যাশবোর্ড পর্যবেক্ষণ করুন। আরও বিস্তারিত ব্যবহারের তথ্যের জন্য আপনি Hosting ব্যবহার ড্যাশবোর্ডেও যেতে পারেন।
  • ফায়ারবেস লঞ্চ চেকলিস্ট পর্যালোচনা করুন।