Angular এবং Highcharts ব্যবহার করে তৈরি করা অ্যাপ্লিকেশনকে আপনি বিভিন্ন সার্ভারে ডিপ্লয় করতে পারেন। এই টিউটোরিয়ালে আমরা দেখব কিভাবে Angular অ্যাপ্লিকেশন ডিপ্লয় করা যায় AWS (Amazon Web Services), Firebase, এবং অন্য সাধারণ সার্ভারে।
1. Angular অ্যাপ্লিকেশন প্রস্তুত করা
এটি নিশ্চিত করতে হবে যে অ্যাপ্লিকেশনটি প্রোডাকশনের জন্য প্রস্তুত রয়েছে এবং আপনি ডিপ্লয় করার জন্য একটি প্রোডাকশন বিল্ড তৈরি করেছেন।
Angular প্রোডাকশন বিল্ড তৈরি করতে:
ng build --prod
এই কমান্ডটি আপনার অ্যাপ্লিকেশনের মিনিফাইড এবং অপটিমাইজড ভার্সন তৈরি করবে এবং dist/ ফোল্ডারে সেই ফাইলগুলি সংরক্ষণ করবে, যা আপনি সার্ভারে ডিপ্লয় করতে পারবেন।
2. AWS (Amazon Web Services) এ Angular অ্যাপ্লিকেশন ডিপ্লয় করা
AWS-এ Angular অ্যাপ্লিকেশন ডিপ্লয় করার জন্য Amazon S3 এবং CloudFront এর মাধ্যমে আপনি সহজে স্ট্যাটিক ওয়েবসাইট হোস্ট করতে পারেন।
পদক্ষেপ:
- S3 Bucket তৈরি করুন:
- AWS কনসোল এ লগ ইন করুন এবং S3 সার্ভিসটি খুঁজে বের করুন।
- একটি নতুন Bucket তৈরি করুন, এবং static website hosting অপশনটি নির্বাচন করুন।
- Bucket এর নাম দিন এবং এটি পাবলিক হোস্টিং সক্ষম করুন।
- Angular Build ফাইল আপলোড করুন:
- আপনার অ্যাপ্লিকেশনের প্রোডাকশন বিল্ড ফাইলগুলি (যেগুলি dist/ ফোল্ডারে রয়েছে) S3 Bucket এ আপলোড করুন।
- Bucket এ
index.htmlএবং অন্যান্য স্ট্যাটিক ফাইলগুলি সঠিকভাবে আপলোড হতে হবে।
- Bucket Permissions সেট করুন:
- Bucket এর Permissions এ গিয়ে Bucket Policy যোগ করুন যাতে অ্যাপ্লিকেশনটি পাবলিকলি অ্যাক্সেসযোগ্য হয়।
- CloudFront CDN সেটআপ:
- আপনার S3 Bucket কে CloudFront এর মাধ্যমে সার্ভ করার জন্য একটি CloudFront Distribution তৈরি করুন।
- CloudFront সেটআপ শেষে আপনাকে একটি ডোমেইন নাম দেওয়া হবে, যা দিয়ে অ্যাপ্লিকেশনটি অ্যাক্সেস করতে পারবেন।
3. Firebase Hosting এ Angular অ্যাপ্লিকেশন ডিপ্লয় করা
Firebase Hosting একটি দ্রুত এবং সহজ মাধ্যম Angular অ্যাপ্লিকেশন ডিপ্লয় করার জন্য। Firebase আপনার অ্যাপ্লিকেশনকে স্ট্যাটিক ওয়েবসাইট হিসেবে হোস্ট করতে পারে।
পদক্ষেপ:
Firebase CLI ইনস্টল করুন:
Firebase CLI ইনস্টল করতে নিচের কমান্ডটি ব্যবহার করুন:
npm install -g firebase-tools- Firebase প্রজেক্ট তৈরি করুন:
- Firebase Console এ গিয়ে একটি নতুন প্রজেক্ট তৈরি করুন।
Firebase CLI লগইন করুন:
Firebase CLI এর মাধ্যমে Firebase এ লগইন করতে নিচের কমান্ডটি ব্যবহার করুন:
firebase loginAngular অ্যাপ্লিকেশন Firebase Hosting এর জন্য সেটআপ করুন:
Firebase CLI ব্যবহার করে অ্যাপ্লিকেশনটি সেটআপ করতে:
firebase init- Hosting নির্বাচন করুন এবং
dist/ফোল্ডারের পথ সেট করুন (যেহেতু Angular এর প্রোডাকশন বিল্ড এই ফোল্ডারে থাকে)।
- Hosting নির্বাচন করুন এবং
অ্যাপ্লিকেশন ডিপ্লয় করুন:
আপনার অ্যাপ্লিকেশন Firebase Hosting এ ডিপ্লয় করার জন্য:
firebase deployডিপ্লয় করার পর Firebase একটি URL প্রদান করবে, যা দিয়ে আপনার অ্যাপ্লিকেশন অ্যাক্সেস করতে পারবেন।
4. অন্যান্য সার্ভারে Angular অ্যাপ্লিকেশন ডিপ্লয় করা
Netlify এ Angular অ্যাপ্লিকেশন ডিপ্লয় করা:
Netlify হল একটি জনপ্রিয় সার্ভিস যা Angular অ্যাপ্লিকেশন সহজে হোস্ট করতে পারে। Netlify সাইটের মাধ্যমে ডিপ্লয় করতে:
- Netlify অ্যাকাউন্ট তৈরি করুন: Netlify সাইটে গিয়ে একটি অ্যাকাউন্ট তৈরি করুন।
- GitHub রিপোজিটরি সংযোগ করুন: Netlify-কে আপনার GitHub অ্যাকাউন্টের সাথে সংযুক্ত করুন এবং আপনার অ্যাপ্লিকেশন রিপোজিটরি নির্বাচন করুন।
- Build Command এবং Publish Directory সেট করুন:
- Build Command:
ng build --prod - Publish Directory:
dist/
- Build Command:
- ডিপ্লয় করুন: Netlify আপনাকে একটি ডোমেইন নাম দিবে, যার মাধ্যমে অ্যাপ্লিকেশনটি পাবলিকভাবে অ্যাক্সেসযোগ্য হবে।
GitHub Pages এ Angular অ্যাপ্লিকেশন ডিপ্লয় করা:
- GitHub রিপোজিটরি তৈরি করুন: GitHub এ একটি নতুন রিপোজিটরি তৈরি করুন।
- Angular অ্যাপ্লিকেশন GitHub রিপোজিটরিতে পুশ করুন: আপনার প্রোডাকশন বিল্ড ফাইলগুলি GitHub রিপোজিটরিতে পুশ করুন।
- GitHub Pages থেকে অ্যাপ্লিকেশন ডিপ্লয় করুন: GitHub Pages সেটিংসে গিয়ে master branch অথবা gh-pages branch থেকে পেজ হোস্টিং সক্ষম করুন।
সারাংশ
AWS, Firebase, এবং অন্যান্য সার্ভারে Angular অ্যাপ্লিকেশন ডিপ্লয় করা একটি সহজ প্রক্রিয়া। AWS S3 এবং CloudFront ব্যবহার করে স্ট্যাটিক ওয়েবসাইট হোস্ট করা যায়, Firebase Hosting ব্যবহার করে অ্যাপ্লিকেশন দ্রুত ডিপ্লয় করা সম্ভব এবং Netlify ও GitHub Pages এর মাধ্যমে অ্যাপ্লিকেশনকে ফ্রি হোস্ট করা যায়। Angular অ্যাপ্লিকেশন ডিপ্লয় করার মাধ্যমে আপনি আপনার প্রোডাকশন কোড লাইভ পরিবেশে প্রদর্শন করতে পারবেন এবং ব্যবহারকারীদের কাছে পৌঁছে দিতে পারবেন।
Read more