Angular অ্যাপ্লিকেশন ডিপ্লয় করার জন্য বিভিন্ন ক্লাউড হোস্টিং এবং সার্ভিস রয়েছে, যেমন Firebase, Netlify, এবং GitHub Pages। এগুলো ব্যবহার করে আপনি সহজেই Angular অ্যাপ্লিকেশন হোস্ট এবং ডিপ্লয় করতে পারেন। এখানে আমরা দেখবো কিভাবে আপনি এই তিনটি প্ল্যাটফর্মে Angular অ্যাপ্লিকেশন ডিপ্লয় করবেন।
১. Firebase Hosting এ Angular অ্যাপ্লিকেশন ডিপ্লয়
Firebase একটি গুগল ক্লাউড বেসড সার্ভিস যা ওয়েব অ্যাপ্লিকেশন হোস্টিংয়ের জন্য সহজ এবং স্কেলেবল সমাধান প্রদান করে। Firebase Hosting সহজে Angular অ্যাপ্লিকেশন হোস্ট করতে ব্যবহৃত হয়।
Firebase Hosting-এ Angular অ্যাপ্লিকেশন ডিপ্লয় করার জন্য পদক্ষেপ:
Firebase CLI ইনস্টল করা: Firebase CLI টুলটি ডেভেলপমেন্ট এনভায়রনমেন্টে ইনস্টল করতে হবে। কমান্ড লাইনে এটি ইনস্টল করতে:
npm install -g firebase-tools- Firebase প্রজেক্ট তৈরি করা: Firebase কনসোলে যান (https://console.firebase.google.com/), একটি নতুন প্রজেক্ট তৈরি করুন।
Firebase CLI এ লগইন করা: Firebase অ্যাকাউন্টে লগইন করতে:
firebase loginAngular প্রজেক্ট বিল্ড করা: Angular প্রজেক্টটি বিল্ড করতে:
ng build --prodএটি
dist/ফোল্ডারে প্রোডাকশন বিল্ড তৈরি করবে।Firebase Hosting কনফিগার করা: Firebase প্রজেক্টের জন্য Firebase CLI ব্যবহার করে কনফিগারেশন শুরু করুন:
firebase initHostingঅপশন সিলেক্ট করুন।dist/ফোল্ডার নির্বাচন করুন (যেটি Angular বিল্ডে তৈরি হয়েছে)।- Single-page অ্যাপ্লিকেশনের জন্য
index.htmlফাইলকে404.htmlহিসেবে রিডিরেক্ট করতে "yes" সিলেক্ট করুন।
অ্যাপ্লিকেশন ডিপ্লয় করা: Firebase Hosting-এ অ্যাপ্লিকেশন ডিপ্লয় করতে:
firebase deploy
এখানে, Firebase আপনার অ্যাপ্লিকেশনকে হোস্ট করবে এবং আপনি একটি URL পাবেন যা দিয়ে অ্যাপ্লিকেশন অ্যাক্সেস করতে পারবেন।
২. Netlify তে Angular অ্যাপ্লিকেশন ডিপ্লয়
Netlify একটি জনপ্রিয় প্ল্যাটফর্ম যা Static Websites এবং JAMstack অ্যাপ্লিকেশন হোস্ট করতে ব্যবহৃত হয়। এটি Angular অ্যাপ্লিকেশন হোস্ট করার জন্য খুবই সহজ।
Netlify তে Angular অ্যাপ্লিকেশন ডিপ্লয় করার জন্য পদক্ষেপ:
- Netlify অ্যাকাউন্ট তৈরি করা: Netlify তে একটি অ্যাকাউন্ট তৈরি করুন বা আপনার গিটহাব বা গিটল্যাব অ্যাকাউন্ট দিয়ে লগইন করুন।
Angular প্রজেক্ট বিল্ড করা: Angular অ্যাপ্লিকেশনটি প্রোডাকশন মোডে বিল্ড করুন:
ng build --prodএটি
dist/ফোল্ডারে অ্যাপ্লিকেশন বিল্ড করবে।- Netlify Dashboard-এ নতুন সাইট তৈরি করা: Netlify Dashboard-এ গিয়ে "New site from Git" অপশন সিলেক্ট করুন।
- আপনার গিট রিপোজিটরি সিলেক্ট করুন।
- সাইট সেটআপের সময়
dist/ফোল্ডারকে বিল্ড ডিরেক্টরি হিসেবে উল্লেখ করুন।
- অ্যাপ্লিকেশন ডিপ্লয় করা: Netlify অটোমেটিকভাবে আপনার অ্যাপ্লিকেশনকে ডিপ্লয় করবে এবং একটি URL প্রদান করবে। আপনি চাইলে কাস্টম ডোমেইনও সেটআপ করতে পারেন।
৩. GitHub Pages তে Angular অ্যাপ্লিকেশন ডিপ্লয়
GitHub Pages হলো একটি ফ্রি সার্ভিস যা GitHub রিপোজিটরি থেকে ওয়েবসাইট হোস্ট করতে ব্যবহৃত হয়। আপনি Angular অ্যাপ্লিকেশন GitHub Pages-এ ডিপ্লয় করতে পারেন।
GitHub Pages তে Angular অ্যাপ্লিকেশন ডিপ্লয় করার জন্য পদক্ষেপ:
Angular প্রজেক্ট বিল্ড করা: Angular অ্যাপ্লিকেশন প্রোডাকশন মোডে বিল্ড করতে:
ng build --prod --base-href="https://<username>.github.io/<repository-name>/"এখানে:
<username>হল আপনার GitHub ইউজারনেম।<repository-name>হল আপনার রিপোজিটরির নাম।
এটি
dist/ফোল্ডারে বিল্ড তৈরি করবে।- GitHub রিপোজিটরি তৈরি করা: GitHub এ একটি নতুন রিপোজিটরি তৈরি করুন এবং Angular অ্যাপ্লিকেশনটি সেখানে পুশ করুন।
GitHub Pages-এ ডিপ্লয় করা: GitHub Pages-এ অ্যাপ্লিকেশন ডিপ্লয় করতে
angular-cli-ghpagesটুলটি ব্যবহার করতে পারেন:প্রথমে
angular-cli-ghpagesইনস্টল করুন:npm install -g angular-cli-ghpagesএরপর
angular-cli-ghpagesদিয়ে ডিপ্লয় করুন:ngh --dir=dist/<project-name>
এখানে
<project-name>হল আপনার Angular প্রজেক্টের নাম যাdist/ফোল্ডারে তৈরি হয়েছে।GitHub Pages URL: একবার ডিপ্লয় হয়ে গেলে, GitHub Pages URL এর মাধ্যমে আপনার অ্যাপ্লিকেশন অ্যাক্সেস করা যাবে, যা হবে:
https://<username>.github.io/<repository-name>/
সারাংশ
এখন আপনি Firebase, Netlify, এবং GitHub Pages-এ Angular অ্যাপ্লিকেশন ডিপ্লয় করার প্রক্রিয়া জানেন। প্রতিটি প্ল্যাটফর্মের নিজস্ব সুবিধা এবং কনফিগারেশন রয়েছে, এবং এই তিনটি প্ল্যাটফর্মেই Angular অ্যাপ্লিকেশন ডিপ্লয় করা খুবই সহজ এবং কার্যকরী।
Read more
