অ্যাপ হোস্টিং দিয়ে শুরু করুন

গিটহাব রিপোজিটরিতে আগে থেকে একটি Next.js বা Angular অ্যাপ (Next.js ভার্সন 13.5.x+ বা Angular 18.2.x+) থাকলে, App Hosting শুরু করা খুবই সহজ। এর জন্য শুধু একটি App Hosting ব্যাকএন্ড তৈরি করতে হবে এবং তারপর আপনার লাইভ ব্রাঞ্চে একটি পুশ দিয়ে রোলআউট শুরু করতে হবে। যদি আপনার কোনো অ্যাপ না থাকে, তাহলে এই গাইডে বর্ণিত ধাপগুলো অনুসরণ করতে আমাদের স্যাম্পল অ্যাপগুলোর একটি ব্যবহার করুন।

এই নির্দেশিকায় বর্ণনা করা হয়েছে কীভাবে Firebase কনসোলে App Hosting সেট আপ করতে হয়, যাতে গিটহাব রিপোজিটরিতে প্রতিবার একটি নতুন কমিট করা হলে অ্যাপটি স্বয়ংক্রিয়ভাবে ডেপ্লয় হয়। এই প্রক্রিয়াটি শেষে আপনার কাছে একটি লাইভ Next.js বা Angular উদাহরণ অ্যাপ থাকবে, যা আপনার গিটহাব রিপোজিটরির main শাখায় প্রতিবার একটি নতুন পরিবর্তন কমিট করার সাথে সাথে পুনরায় ডেপ্লয় হবে।

Though this guide focuses on the recommended Firebase console flow, there are other ways to deploy , including using the Firebase CLI to deploy local code without a GitHub connection.

ধাপ ১: ডেমো রিপোজিটরিটি ফর্ক করুন

https://github.com/firebase/apphosting-adapters-এ যান এবং Fork নির্বাচন করুন।

ধাপ ২: একটি App Hosting ব্যাকএন্ড তৈরি করুন

  1. Firebase কনসোলে, Hosting & Serverless > App Hosting- এ যান।

  2. শুরু করতে ক্লিক করুন।

  3. অনুরোধ করা হলে, App Hosting ব্যবহার করার জন্য পে-অ্যাজ-ইউ-গো ব্লেজ প্রাইসিং প্ল্যানে আপগ্রেড করুন।

অ্যাপ হোস্টিং ব্যাকএন্ড সেটআপের একটি স্ক্রিনশট।

এই ধাপগুলো সম্পন্ন করতে নির্দেশাবলী অনুসরণ করুন:

  • একটি প্রাথমিক অঞ্চল নির্বাচন করুন (সাধারণত আপনার ব্যবহারকারীদের সবচেয়ে কাছের অঞ্চল)।
  • গিটহাবে সংযোগ করুন। firebase-framework-tools রিপোজিটরিটি ফোর্ক করে আপনি এইমাত্র যে রিপোজিটরিটি তৈরি করেছেন, সেটি বেছে নিন।
  • Set your app's root directory to one of the following:
  • লাইভ ব্রাঞ্চটিকে প্রধান হিসেবে সেট করুন।
  • স্বয়ংক্রিয় রোলআউট সক্রিয় করুন (স্বয়ংক্রিয় রোলআউট ডিফল্টরূপে সক্রিয় থাকে)।
  • আপনার ব্যাকএন্ডের একটি নাম নির্ধারণ করুন।
  • Select your runtime environment. By default, the newest recommended Node.js version is pre-selected for you.
    • স্বয়ংক্রিয় বেস ইমেজ আপডেট (ABIU) কনফিগার করুন। ABIU ডিফল্টরূপে সক্রিয় থাকে এবং স্বয়ংক্রিয়ভাবে আপনার অন্তর্নিহিত পরিবেশে নিরাপত্তা প্যাচ প্রয়োগ করে। আপনার রানটাইমের জন্য "নির্দিষ্ট করা হয়নি" নির্বাচন করে আপনি ABIU নিষ্ক্রিয় করতে পারেন।
  • একটি নতুন ফায়ারবেস ওয়েব অ্যাপ তৈরি করুন।

সমাপ্তি নির্বাচন করুন এবং স্থাপন করুন ।

ধাপ ৩: ডেপ্লয় করা অ্যাপটি দেখুন

আপনি যখন একটি ব্যাকএন্ড তৈরি করেন, তখন Firebase আপনাকে একটি বিনামূল্যের সাবডোমেইন দেয়, যেখানে ব্যবহারকারীরা আপনার ওয়েব অ্যাপটি ভিজিট করতে পারেন। এর ফরম্যাটটি হলো backend-id -- project-id .us-central1.hosted.app ।

আপনার ব্যাকএন্ডের ড্যাশবোর্ডে থাকা 'ব্যাকএন্ড তথ্য' সারিতে, আপনার নতুন ওয়েবসাইটটি দেখার জন্য লাইভ ব্যাকএন্ডের লিঙ্কটি নির্বাচন করুন:

লাইভ অ্যাপ লিঙ্কসহ ব্যাকএন্ড তথ্য সারির একটি স্ক্রিনশট বিশেষভাবে চিহ্নিত করা হয়েছে।

ধাপ ৪: কোনো পরিবর্তন পুশ করে রোলআউট শুরু করুন।

একবার আপনার ব্যাকএন্ড তৈরি হয়ে গেলে এবং একটি লাইভ ইউআরএল পেয়ে গেলে, আপনি আপনার গিটহাব রিপোজিটরির লাইভ ব্রাঞ্চে পরিবর্তন পুশ করার সাথে সাথেই আপনার ওয়েব অ্যাপের একটি নতুন সংস্করণ চালু করতে পারবেন। আপনার App Hosting সেটআপ পরীক্ষা করতে:

  1. ডেমো গিটহাব রিপোজিটরির আপনার ফর্কে, ডেমো অ্যাপের হোম পেজের সোর্সে যান, আপনার পছন্দমতো যেকোনো পরিবর্তন করুন এবং তারপর আপনার পরিবর্তনটি মেইন ব্রাঞ্চে পুশ করুন। আপনার হোম পেজ খুঁজে পেতে:

    • Next.js: /starters/nextjs/basic/src/app/page.tsx
    • অ্যাঙ্গুলার: /starters/angular/basic/src/app/pages/home/home.component.html

  2. আপনার নতুন পরিবর্তনটি প্রোডাকশনে রোল আউট হওয়ার সাথে সাথে Firebase কনসোলে App Hosting পর্যবেক্ষণ করুন। রোল আউট সম্পূর্ণ হলে, আপনি অ্যাপটির হোম পেজে আপনার পরিবর্তনটি দেখতে পারবেন।

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