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

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

আপনি শুরু করার আগে

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

  1. Install or update the Firebase CLI to its latest version.
  2. Connect the local project directory (containing your app's content) to your Firebase project.

You can optionally deploy your app's Hosting content and config, but it's not a prerequisite for the steps on this page.

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

If you're making quick iterations or you want your app to interact with emulated backend project resources, you can test your Hosting content and config locally. স্থানীয়ভাবে পরীক্ষা করার সময়, Firebase স্থানীয়ভাবে হোস্ট করা URL-এ আপনার ওয়েব অ্যাপ পরিবেশন করে।

Hosting is part of the Firebase Local Emulator Suite , which enables your app to interact with your emulated Hosting content and config, as well as optionally your emulated project resources (functions, databases, and rules).

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

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

    firebase emulators:start

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

  4. To update the local URL with changes, refresh your browser.

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

By default, the emulators only respond to requests from localhost . এর অর্থ হ'ল আপনি আপনার কম্পিউটারের ওয়েব ব্রাউজার থেকে আপনার হোস্ট করা সামগ্রী অ্যাক্সেস করতে সক্ষম হবেন তবে আপনার নেটওয়ার্কের অন্যান্য ডিভাইস থেকে নয়। আপনি যদি অন্যান্য স্থানীয় ডিভাইসগুলি থেকে পরীক্ষা করতে চান তবে আপনার firebase.json কনফিগার করুন:

"emulators": {
    // ...

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

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

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

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

উল্লেখ্য যে যদিও পূর্বরূপ URL গুলি অনুমান করা কঠিন (যেহেতু তারা একটি এলোমেলো হ্যাশ ধারণ করে), সেগুলি সর্বজনীন৷ সুতরাং, যে কেউ ইউআরএল জানে সে এটি অ্যাক্সেস করতে পারে।

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

    firebase hosting:channel:deploy CHANNEL_ID

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

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

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

চ্যানেলের মেয়াদ কীভাবে মেয়াদোত্তীর্ণতা সেট করা যায় তা সহ পূর্বরূপ চ্যানেলগুলি পরিচালনা সম্পর্কে শিখুন।

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

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

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

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

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

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

    firebase hosting:clone SOURCE_SITE_ID:SOURCE_CHANNEL_ID TARGET_SITE_ID:live

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

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

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

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

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

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

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

This option provides you flexibility to adjust configurations specific to the live channel or to deploy even if you haven't used a preview channel.

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

    firebase deploy --only hosting

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

Step 4: View your changes on your live site

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

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

  • যে কোনো কাস্টম ডোমেন যা আপনি আপনার Hosting সাইটের সাথে সংযুক্ত করেছেন

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

Other deploy activities and information

Add a comment for the deploy

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

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

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

You can optionally connect shell scripts to the firebase deploy command to perform predeploy or postdeploy tasks. For example, a postdeploy hook could notify administrators of new site content deploys. আরো বিস্তারিত জানার জন্য Firebase CLI ডকুমেন্টেশন পড়ুন।

স্থাপন করা সামগ্রী ক্যাশিং

When a request is made for static content , Firebase Hosting automatically caches the content on the CDN. If you redeploy your site's content, Firebase automatically clears all your cached static content across the CDN so that new requests receive your new content.

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

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

নিশ্চিত করুন যে সমস্ত বাহ্যিক সংস্থান যা Firebase Hosting -এ হোস্ট করা হয় না সেগুলি SSL (HTTPS) এর মাধ্যমে লোড করা হয়, যেকোন বাহ্যিক স্ক্রিপ্ট সহ। Most browsers do not allow users to load "mixed content" (SSL and non-SSL traffic).

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

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

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