Electron অ্যাপ্লিকেশন তৈরি করার পর, আপনাকে এই অ্যাপ্লিকেশনটি Windows, macOS এবং Linux অপারেটিং সিস্টেমে ইনস্টল করার জন্য একটি installer বা setup package তৈরি করতে হয়। electron-builder এবং electron-packager হল সবচেয়ে জনপ্রিয় টুল, যা Electron অ্যাপ্লিকেশন প্যাকেজিং এবং ইনস্টলেশন প্যাকেজ তৈরির জন্য ব্যবহৃত হয়।
এই টিউটোরিয়ালে, আমরা electron-builder ব্যবহার করে Windows, macOS, এবং Linux এর জন্য ইনস্টলার তৈরি করার প্রক্রিয়া দেখবো।
১. electron-builder ইনস্টল করা
প্রথমে, electron-builder প্যাকেজ ইনস্টল করতে হবে, যা Electron অ্যাপ্লিকেশনটি প্যাকেজ এবং ইনস্টল প্যাকেজ তৈরি করতে সহায়ক।
electron-builder ইনস্টল করার জন্য:
npm install electron-builder --save-dev
২. package.json কনফিগারেশন
electron-builder ব্যবহার করে অ্যাপ্লিকেশন প্যাকেজ করার জন্য package.json ফাইলে কিছু কনফিগারেশন যোগ করতে হয়। এটি অ্যাপ্লিকেশনের ইনস্টলার কনফিগারেশন যেমন নাম, ভার্সন, আইকন ইত্যাদি নির্ধারণ করে।
package.json ফাইলের কনফিগারেশন:
{
"name": "my-electron-app",
"version": "1.0.0",
"description": "An Electron application",
"main": "main.js",
"build": {
"appId": "com.example.myapp",
"productName": "My Electron App",
"win": {
"target": "nsis", // Windows ইনস্টলার (NSIS)
"icon": "build/icon.ico"
},
"mac": {
"category": "public.app-category.utilities",
"icon": "build/icon.icns"
},
"linux": {
"target": "AppImage", // Linux ইনস্টলার (AppImage)
"icon": "build/icon.png"
},
"directories": {
"output": "dist" // ইনস্টল প্যাকেজের আউটপুট ফোল্ডার
}
},
"devDependencies": {
"electron": "^25.0.0",
"electron-builder": "^23.0.0"
}
}
appId: অ্যাপ্লিকেশনের একক আইডি যা আপডেট ফিচারের জন্য প্রয়োজনীয়।productName: অ্যাপের নাম যা ইনস্টলারের মধ্যে প্রদর্শিত হবে।win,mac,linux: প্রতিটি প্ল্যাটফর্মের জন্য ইনস্টলার কনফিগারেশন যেমন ইনস্টলার ফরম্যাট (NSIS, AppImage) এবং আইকন।directories.output: ইনস্টল প্যাকেজটি যেখানে তৈরি হবে।
৩. electron-builder দিয়ে ইনস্টলার তৈরি করা
electron-builder ব্যবহার করে প্ল্যাটফর্ম ভিত্তিক ইনস্টলার তৈরি করতে npm run কমান্ড ব্যবহার করা হয়। তবে, প্রথমে build স্ক্রিপ্ট package.json ফাইলে যুক্ত করতে হবে।
package.json-এ build স্ক্রিপ্ট যোগ করা:
"scripts": {
"start": "electron .",
"build": "electron-builder"
}
ইনস্টলার তৈরি করতে কমান্ড:
npm run build
এই কমান্ডটি electron-builder কে আপনার অ্যাপ্লিকেশনটি প্যাকেজ করতে বলবে এবং ইনস্টলার ফাইল তৈরি করবে। এটি সমস্ত প্ল্যাটফর্মের জন্য ইনস্টলার তৈরি করবে, যা আপনি নির্দিষ্ট প্ল্যাটফর্মে রান করতে পারবেন।
৪. প্রতিটি প্ল্যাটফর্মের জন্য ইনস্টলার
Windows (NSIS ইনস্টলার)
- NSIS (Nullsoft Scriptable Install System) ব্যবহার করে Windows ইনস্টলার তৈরি করা হয়। এটি একটি জনপ্রিয় ইনস্টলার ফরম্যাট যা উইন্ডোজে ব্যবহারকারীদের সহজেই অ্যাপ্লিকেশন ইনস্টল করতে সহায়ক।
- NSIS ইনস্টলারটি
.exeফরম্যাটে তৈরি হয়।
macOS (DMG এবং PKG)
- DMG (Disk Image) ফরম্যাটে macOS ইনস্টলার তৈরি হয়, যা ম্যাক ব্যবহারকারীরা অ্যাপ্লিকেশন ডাউনলোড এবং ইনস্টল করতে ব্যবহার করেন।
- PKG ইনস্টলারও তৈরি করা যায় যা ম্যানুয়ালি ইনস্টলেশনের প্রক্রিয়া প্রদান করে।
Linux (AppImage, Deb, RPM)
- AppImage ফরম্যাট ব্যবহার করে একটি প্ল্যাটফর্ম-নিরপেক্ষ ইনস্টলার তৈরি হয়, যা বিভিন্ন লিনাক্স ডিস্ট্রিবিউশনে চলতে পারে।
- এছাড়া, Deb (Debian-based distros) এবং RPM (Red Hat-based distros) ইনস্টলারও তৈরি করা যায়।
৫. আইকন কাস্টমাইজেশন
আপনার অ্যাপ্লিকেশনের জন্য কাস্টম আইকন সেট করতে icon ফিল্ড ব্যবহার করতে হবে।
আইকন ফাইল কনফিগারেশন:
- Windows:
.ico - macOS:
.icns - Linux:
.png
আইকন ফাইলটি build/ ফোল্ডারে রাখুন এবং package.json-এ উল্লেখ করুন।
উদাহরণ:
"build": {
"win": {
"target": "nsis",
"icon": "build/icon.ico"
},
"mac": {
"icon": "build/icon.icns"
},
"linux": {
"icon": "build/icon.png"
}
}
৬. উইন্ডোজ ইনস্টলার কাস্টমাইজেশন (NSIS)
আপনি NSIS ইনস্টলার কাস্টমাইজ করতে পারেন, যেমন ইনস্টলার প্রক্রিয়ায় কাস্টম টেক্সট বা ডায়ালগ যোগ করা।
উদাহরণ: package.json কনফিগারেশন:
"win": {
"target": "nsis",
"icon": "build/icon.ico",
"artifactName": "my-app-setup-${version}.${ext}",
"extraResources": [
{
"from": "extraFiles/",
"to": "extraFiles/",
"filter": ["**/*"]
}
]
}
এখানে extraResources ফিচারটি ব্যবহার করে ইনস্টলার প্যাকেজে অতিরিক্ত ফাইল যুক্ত করা হয়েছে।
৭. ট্রাবলশুটিং
যখন ইনস্টলার তৈরি করবেন, কিছু সমস্যার সম্মুখীন হতে পারেন, যেমন:
- প্ল্যাটফর্ম নির্ভর সমস্যা: ইনস্টলার তৈরি করার সময় নিশ্চিত করুন যে নির্দিষ্ট প্ল্যাটফর্মের জন্য সঠিক ফাইল ফরম্যাট এবং কনফিগারেশন ব্যবহার করছেন।
- আইকন সমস্যা: ইনস্টলারের আইকন সঠিকভাবে প্রদর্শিত না হলে নিশ্চিত করুন যে আইকনটি সঠিক ফরম্যাটে এবং সঠিক স্থানে রয়েছে।
সারাংশ
- Electron অ্যাপ্লিকেশনের ইনস্টলার তৈরি করতে
electron-builderএকটি শক্তিশালী টুল। - Windows, macOS, এবং Linux এর জন্য ইনস্টলার তৈরি করা যায় NSIS, DMG, AppImage ইত্যাদি ফরম্যাটে।
- ইনস্টলার কাস্টমাইজেশন, আইকন সেট করা এবং অতিরিক্ত ফাইল যোগ করার জন্য
package.jsonকনফিগারেশন ব্যবহার করা হয়। - electron-builder টুলটি অ্যাপ্লিকেশন প্যাকেজিং এবং ইনস্টলার তৈরি করতে সাহায্য করে, যা আপনার Electron অ্যাপ্লিকেশনের বিতরণ প্রক্রিয়া সহজ করে তোলে।
এভাবে আপনি আপনার Electron অ্যাপ্লিকেশনটির জন্য একাধিক প্ল্যাটফর্মে ইনস্টলার তৈরি করতে পারবেন।
Read more
