Electron একটি ক্রস-প্ল্যাটফর্ম ফ্রেমওয়ার্ক, যা একক কোডবেস ব্যবহার করে Windows, macOS, এবং Linux তে অ্যাপ্লিকেশন চালাতে সাহায্য করে। এটি Node.js এবং Chromium ব্যবহার করে ডেক্সটপ অ্যাপ্লিকেশন তৈরি করার সুবিধা দেয়। একটি Electron অ্যাপ্লিকেশন একটি প্ল্যাটফর্মে ডেভেলপ করা হলে, সেটি অন্য প্ল্যাটফর্মে ডেপ্লয় বা চালানো সম্ভব হয়, যদি সঠিক কনফিগারেশন করা থাকে।
এই গাইডে, Electron অ্যাপ্লিকেশন কে Windows, macOS, এবং Linux এ রান করার জন্য যা যা করা দরকার তা নিয়ে আলোচনা করা হবে।
১. Electron অ্যাপ্লিকেশন তৈরি এবং রান করানো
একটি সিম্পল Electron অ্যাপ্লিকেশন তৈরি করার জন্য আপনাকে প্রথমে Node.js এবং npm ইনস্টল করতে হবে, এরপর Electron ইনস্টল করতে হবে।
ধাপ ১: Node.js এবং npm ইনস্টল করা
Node.js এবং npm (Node Package Manager) ইনস্টল করা থাকলে, আপনি Electron ইনস্টল করতে পারবেন।
- Node.js ডাউনলোড পেজ থেকে Node.js ডাউনলোড করে ইনস্টল করুন।
এরপর, টার্মিনালে (কমান্ড প্রম্পট বা টার্মিনাল) নিচের কমান্ড দিয়ে npm এর ভার্সন চেক করুন:
npm -v
ধাপ ২: Electron ইনস্টল করা
আপনার অ্যাপ্লিকেশন ডিরেক্টরি তৈরি করে সেখানে Electron ইনস্টল করুন।
mkdir my-electron-app
cd my-electron-app
npm init -y
npm install electron --save-dev
এটি আপনার প্রজেক্টে Electron ইনস্টল করবে।
ধাপ ৩: অ্যাপ্লিকেশন স্ক্রিপ্ট তৈরি করা
এখন আপনার main.js এবং index.html ফাইল তৈরি করুন।
main.js:
const { app, BrowserWindow } = require('electron');
let mainWindow;
app.on('ready', () => {
mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true,
},
});
mainWindow.loadFile('index.html');
});
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Electron App</title>
</head>
<body>
<h1>Hello, Electron!</h1>
</body>
</html>
ধাপ ৪: package.json স্ক্রিপ্ট কনফিগার করা
package.json ফাইলে একটি start স্ক্রিপ্ট যোগ করুন, যা অ্যাপ্লিকেশন চালানোর জন্য ব্যবহৃত হবে।
"scripts": {
"start": "electron ."
}
এখন, npm start কমান্ড ব্যবহার করে অ্যাপ্লিকেশনটি চালাতে পারবেন।
npm start
এটি Electron অ্যাপ্লিকেশন চালু করবে এবং একটি উইন্ডো প্রদর্শিত হবে।
২. Cross-Platform Compatibility
এখন, আপনি যে কোনো প্ল্যাটফর্মে অ্যাপ্লিকেশন তৈরি করতে পারবেন এবং সঠিক কনফিগারেশন সহ অন্যান্য প্ল্যাটফর্মে রান করাতে পারবেন। কিছু নির্দিষ্ট পদক্ষেপ নিচে দেয়া হলো।
Windows:
- Electron উইন্ডোজে রান: Windows-এ Electron অ্যাপ চালানোর জন্য আপনাকে Windows-এর জন্য ইনস্টল করা Node.js এবং npm ব্যবহার করতে হবে।
- উইন্ডোজে অ্যাপ প্যাকেজিং:
- Electron Packager বা Electron Builder ব্যবহার করে Windows অ্যাপ প্যাকেজিং করা যায়। এটি অ্যাপকে এক্সিকিউটেবল (EXE) ফাইলে রূপান্তরিত করে।
npm install electron-packager --save-dev
electron-packager . --platform=win32 --arch=x64ব্যবহার করে অ্যাপ প্যাকেজ করা যাবে।
macOS:
- Electron macOS-এ রান: macOS এ Electron অ্যাপ চালানোর জন্য macOS-এ Node.js এবং npm ইনস্টল থাকতে হবে।
- macOS প্যাকেজিং:
- Electron Packager অথবা Electron Builder ব্যবহার করে macOS এর জন্য অ্যাপ প্যাকেজ করা যায়।
npm install electron-builder --save-dev
electron-builder --macকমান্ড ব্যবহার করে macOS-এর জন্য অ্যাপ প্যাকেজ করা যাবে।
Linux:
- Electron Linux-এ রান: Linux-এ Electron অ্যাপ রান করতে আপনাকে Linux-এর জন্য Node.js এবং npm ইনস্টল করতে হবে।
- Linux প্যাকেজিং:
- Electron Packager বা Electron Builder ব্যবহার করে Linux প্ল্যাটফর্মের জন্য অ্যাপ প্যাকেজ করা যায়।
npm install electron-packager --save-dev
electron-packager . --platform=linux --arch=x64কমান্ড ব্যবহার করে Linux প্ল্যাটফর্মের জন্য অ্যাপ প্যাকেজ করা যাবে।
৩. Electron অ্যাপ্লিকেশন প্যাকেজিং এবং ডিস্ট্রিবিউশন
একটি অ্যাপ্লিকেশন তৈরি হওয়ার পরে, আপনাকে সেটি প্যাকেজ এবং ডিস্ট্রিবিউট করতে হবে যাতে এটি প্ল্যাটফর্ম নির্ভর ফরম্যাটে রান করতে পারে।
প্যাকেজিং টুলস:
- Electron Packager: এটি একটি সিম্পল টুল যা Electron অ্যাপ্লিকেশন প্যাকেজ করার জন্য ব্যবহৃত হয়। এটি প্ল্যাটফর্ম নির্দিষ্ট ফাইল (যেমন
.app,.exe,.deb) তৈরি করে।
npm install electron-packager --save-dev
- Electron Builder: এটি Electron অ্যাপ প্যাকেজ করার জন্য আরো উন্নত একটি টুল, যা Windows, macOS, এবং Linux-এর জন্য ডিস্ট্রিবিউটেবল ফাইল তৈরি করতে সাহায্য করে।
npm install electron-builder --save-dev
৪. Electron অ্যাপ্লিকেশন রান করার প্ল্যাটফর্ম নির্ভর কোড
যদি আপনার অ্যাপ্লিকেশনটি প্ল্যাটফর্ম অনুযায়ী কিছু আলাদা আচরণ করতে চায়, তাহলে আপনি process.platform ব্যবহার করে প্ল্যাটফর্ম চেক করতে পারেন।
if (process.platform === 'win32') {
console.log('Running on Windows');
} else if (process.platform === 'darwin') {
console.log('Running on macOS');
} else if (process.platform === 'linux') {
console.log('Running on Linux');
}
সারাংশ
- Electron অ্যাপ্লিকেশনকে Windows, macOS, এবং Linux-এ রান করানোর জন্য সাধারণত একটি কোডবেস ব্যবহার করা হয়, এবং সঠিক প্যাকেজিং টুলস (যেমন Electron Packager বা Electron Builder) ব্যবহার করা হয়।
process.platformদিয়ে প্ল্যাটফর্ম চেক করে প্ল্যাটফর্ম নির্ভর কোড বাস্তবায়ন করা যায়।electron-packagerএবংelectron-builderব্যবহার করে আপনি অ্যাপ্লিকেশনটি এক্সিকিউটেবল ফাইল (EXE, APP, DEB) ফরম্যাটে প্যাকেজ এবং ডিস্ট্রিবিউট করতে পারেন।
এভাবে Electron দিয়ে ক্রস-প্ল্যাটফর্ম অ্যাপ্লিকেশন তৈরি, রান এবং প্যাকেজিং করা যায়।
Read more
