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

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

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

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

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

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

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

Firebase কনসোলে, App Hosting খুলুন এবং Get started নির্বাচন করুন। App Hosting ব্যবহার করার জন্য আপনাকে Blaze প্ল্যানে আপগ্রেড করতে হবে।

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

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

  • একটি প্রাথমিক অঞ্চল নির্বাচন করুন (সাধারণত আপনার ব্যবহারকারীদের সবচেয়ে কাছের অঞ্চল)।
  • গিটহাবে সংযোগ করুন। firebase-framework-tools রিপোজিটরিটি ফোর্ক করে আপনি এইমাত্র যে রিপোজিটরিটি তৈরি করেছেন, সেটি বেছে নিন।
  • আপনার অ্যাপের রুট ডিরেক্টরি নিম্নলিখিতগুলির মধ্যে একটিতে সেট করুন:
  • লাইভ ব্রাঞ্চটিকে প্রধান হিসেবে সেট করুন।
  • স্বয়ংক্রিয় রোলআউট সক্রিয় করুন (স্বয়ংক্রিয় রোলআউট ডিফল্টরূপে সক্রিয় থাকে)।
  • আপনার ব্যাকএন্ডের একটি নাম নির্ধারণ করুন।
  • একটি নতুন ফায়ারবেস ওয়েব অ্যাপ তৈরি করুন।

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

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

আপনি যখন একটি ব্যাকএন্ড তৈরি করেন, তখন 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 পর্যবেক্ষণ করুন। রোল আউট সম্পূর্ণ হলে, আপনি অ্যাপটির হোম পেজে আপনার পরিবর্তনটি দেখতে পারবেন।

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