Framework7 দিয়ে তৈরি ওয়েব অ্যাপ্লিকেশন ডেপ্লয়মেন্ট করা একটি সহজ এবং সরল প্রক্রিয়া। এখানে আমরা Netlify এবং Heroku প্ল্যাটফর্ম ব্যবহার করে কিভাবে Framework7 এর ওয়েব অ্যাপ ডেপ্লয় করা যায় তা বিস্তারিতভাবে আলোচনা করবো।
১. Netlify-এ Framework7 ওয়েব অ্যাপ ডেপ্লয়মেন্ট
Netlify হলো একটি জনপ্রিয় প্ল্যাটফর্ম যা স্ট্যাটিক এবং জটিল ওয়েব অ্যাপ্লিকেশন ডেপ্লয়মেন্টকে সহজ করে তোলে। এটি CI/CD (Continuous Integration and Continuous Deployment) সাপোর্ট করে এবং Git রিপোজিটরি থেকে সরাসরি ডেপ্লয়মেন্ট করতে পারে।
ধাপ ১: প্রজেক্ট বিল্ড করা
প্রথমে আপনার Framework7 প্রজেক্টটি প্রোডাকশন-রেডি বান্ডেল হিসেবে বিল্ড করতে হবে।
টার্মিনালে নিচের কমান্ডটি চালান:
npm run build- বিল্ড সম্পন্ন হলে,
distফোল্ডারটি তৈরি হবে যা আপনার প্রোডাকশন ফাইলগুলি ধারণ করে।
ধাপ ২: Netlify অ্যাকাউন্ট তৈরি এবং লগইন করা
- Netlify-এর অফিসিয়াল ওয়েবসাইটে যান।
- Sign Up বা Log In করুন আপনার GitHub, GitLab, বা Bitbucket অ্যাকাউন্টের মাধ্যমে।
ধাপ ৩: নতুন সাইট ডেপ্লয় করা
- Netlify Dashboard এ গিয়ে "New site from Git" বাটনে ক্লিক করুন।
- Git provider নির্বাচন করুন (GitHub, GitLab, বা Bitbucket) এবং আপনার রেপোজিটরি অনুমতি দিন।
- রেপোজিটরি নির্বাচন করুন যেখানে আপনার Framework7 প্রজেক্ট রয়েছে।
ধাপ ৪: বিল্ড সেটিংস কনফিগার করা
- Build Command:
npm run build - Publish Directory:
dist - অন্যান্য সেটিংস ঠিক রেখে "Deploy Site" বাটনে ক্লিক করুন।
ধাপ ৫: ডেপ্লয়মেন্ট সম্পন্ন হওয়া
- ডেপ্লয়মেন্ট প্রক্রিয়া সম্পন্ন হলে, Netlify আপনাকে একটি ডিফল্ট ডোমেইন প্রদান করবে।
- আপনি চাইলে এই ডোমেইনটি কাস্টমাইজ করতে পারেন বা নিজের ডোমেইন যুক্ত করতে পারেন।
ধাপ ৬: Continuous Deployment সেটআপ
Netlify স্বয়ংক্রিয়ভাবে আপনার Git রিপোজিটরির পরিবর্তনগুলি মনিটর করবে এবং প্রতিবার কোড পুশ হলে স্বয়ংক্রিয়ভাবে নতুন বিল্ড এবং ডেপ্লয়মেন্ট করবে।
২. Heroku-তে Framework7 ওয়েব অ্যাপ ডেপ্লয়মেন্ট
Heroku মূলত ডাইনামিক ওয়েব অ্যাপ্লিকেশনের জন্য ব্যবহৃত হয়, তবে স্ট্যাটিক ওয়েবসাইটও ডেপ্লয় করা যায়। এখানে আমরা একটি স্ট্যাটিক Framework7 ওয়েব অ্যাপ Heroku-এ কিভাবে ডেপ্লয় করতে হয় তা দেখবো।
ধাপ ১: প্রজেক্ট তৈরি এবং বিল্ড করা
প্রথমে আপনার Framework7 প্রজেক্টটি প্রোডাকশন-রেডি বান্ডেল হিসেবে বিল্ড করতে হবে।
টার্মিনালে নিচের কমান্ডটি চালান:
npm run build- বিল্ড সম্পন্ন হলে,
distফোল্ডারটি তৈরি হবে যা আপনার প্রোডাকশন ফাইলগুলি ধারণ করে।
ধাপ ২: Heroku CLI ইনস্টল করা
- Heroku ডাউনলোড পেজে গিয়ে Heroku CLI ডাউনলোড এবং ইনস্টল করুন।
টার্মিনালে লগইন করুন:
heroku loginএকটি ব্রাউজার উইন্ডো খুলবে যেখানে আপনাকে লগইন করতে বলা হবে।
ধাপ ৩: নতুন Heroku অ্যাপ তৈরি করা
টার্মিনালে নিচের কমান্ডটি চালান:
heroku create your-app-nameএখানে
your-app-nameআপনার পছন্দমতো অ্যাপ নাম দিন। যদি না দেন, Heroku স্বয়ংক্রিয়ভাবে একটি নাম জেনারেট করবে।
ধাপ ৪: static.json ফাইল তৈরি করা
Heroku-এ স্ট্যাটিক ওয়েবসাইট ডেপ্লয় করার জন্য একটি static.json ফাইল তৈরি করতে হবে যা Heroku-কে স্ট্যাটিক ফাইল সার্ভ করার নির্দেশ দেয়।
static.json:
{
"root": "dist/",
"routes": {
"/**": "index.html"
}
}
- root:
dist/ফোল্ডার থেকে ফাইল সার্ভ করা হবে। - routes: সব রাউট
/index.htmlফাইলে রিডাইরেক্ট করা হবে, যা স্পা (Single Page Application) এর জন্য প্রয়োজনীয়।
ধাপ ৫: Procfile তৈরি করা
Heroku-এ স্ট্যাটিক ওয়েবসাইট ডেপ্লয় করতে একটি Procfile তৈরি করতে হবে।
Procfile:
web: npm install -g serve && serve -s dist
- serve: একটি স্ট্যাটিক ফাইল সার্ভার, যা আপনার
distফোল্ডার থেকে ফাইল সার্ভ করবে।
ধাপ ৬: Git রেপোজিটরিতে কমিট এবং পুশ করা
Git ইনিশিয়ালাইজ করুন (যদি না করে থাকেন):
git initসব ফাইল অ্যাড করুন এবং কমিট করুন:
git add . git commit -m "Initial commit"Heroku রিমোট যোগ করুন:
heroku git:remote -a your-app-nameকোড পুশ করুন Heroku-এ:
git push heroku master
ধাপ ৭: ডেপ্লয়মেন্ট সম্পন্ন হওয়া
- পুশ করার পর Heroku স্বয়ংক্রিয়ভাবে বিল্ড এবং ডেপ্লয়মেন্ট প্রক্রিয়া শুরু করবে।
- ডেপ্লয়মেন্ট সম্পন্ন হলে, Heroku আপনাকে একটি URL প্রদান করবে যেখানে আপনার ওয়েব অ্যাপ্লিকেশন উপলব্ধ থাকবে।
ধাপ ৮: কাস্টম ডোমেইন সেটআপ (ঐচ্ছিক)
আপনি চাইলে Heroku অ্যাপের জন্য কাস্টম ডোমেইন যুক্ত করতে পারেন।
- Heroku Dashboard এ গিয়ে আপনার অ্যাপ নির্বাচন করুন।
- Settings ট্যাবে গিয়ে Domains and certificates সেকশনে ক্লিক করুন।
- Add domain বাটনে ক্লিক করে আপনার কাস্টম ডোমেইন যুক্ত করুন এবং DNS সেটিংস আপডেট করুন।
Netlify এবং Heroku উভয় প্ল্যাটফর্মেই Framework7 এর ওয়েব অ্যাপ ডেপ্লয়মেন্ট করা সহজ এবং কার্যকর। তবে, স্ট্যাটিক ওয়েব অ্যাপ্লিকেশনের জন্য Netlify বেশি জনপ্রিয় এবং ব্যবহার সহজ, যেখানে Heroku মূলত ডাইনামিক অ্যাপ্লিকেশনের জন্য ব্যবহৃত হয়। উপরে বর্ণিত ধাপগুলো অনুসরণ করে আপনি সহজেই আপনার Framework7 অ্যাপ্লিকেশন উভয় প্ল্যাটফর্মে ডেপ্লয় করতে পারবেন।
অতিরিক্ত রিসোর্স
Read more
