Electron এ Main Process এবং Renderer Process এর মধ্যে মেসেজ পাঠানোর জন্য IPC (Inter-Process Communication) ব্যবহৃত হয়। এটি ipcMain এবং ipcRenderer মডিউল ব্যবহার করে করা হয়।
এখানে Main Process থেকে Renderer Process এ মেসেজ পাঠানোর প্রক্রিয়া বিস্তারিতভাবে দেখানো হচ্ছে।
১. Main Process থেকে Renderer Process এ মেসেজ পাঠানো
Main Process থেকে Renderer Process এ মেসেজ পাঠানোর জন্য ipcMain মডিউল ব্যবহার করা হয়। Main Process কোনো ইভেন্টে বা যেকোনো কাজের পর Renderer Process এ ডেটা পাঠাতে পারে।
উদাহরণ: Main Process (main.js)
const { app, BrowserWindow, ipcMain } = require('electron');
let mainWindow;
app.on('ready', () => {
mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true,
},
});
mainWindow.loadFile('index.html');
// Main Process থেকে Renderer Process এ মেসেজ পাঠানো
mainWindow.webContents.on('did-finish-load', () => {
mainWindow.webContents.send('message-from-main', 'Hello from Main Process!');
});
// Renderer থেকে আসা মেসেজ গ্রহণ (এটি শুধু উদাহরণের জন্য)
ipcMain.on('message-from-renderer', (event, arg) => {
console.log('Renderer থেকে বার্তা:', arg);
});
});
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit();
}
});
২. Renderer Process (index.html)
Renderer Process থেকে মেসেজ গ্রহণ এবং Main Process এ মেসেজ পাঠানোর জন্য ipcRenderer মডিউল ব্যবহৃত হয়।
উদাহরণ: Renderer Process (index.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Renderer Process</title>
</head>
<body>
<h1>Renderer Process থেকে Main Process এ মেসেজ পাঠানো</h1>
<button id="sendMessageBtn">Main Process থেকে মেসেজ গ্রহণ</button>
<script>
const { ipcRenderer } = require('electron');
// Main Process থেকে মেসেজ গ্রহণ
ipcRenderer.on('message-from-main', (event, message) => {
console.log('Main Process থেকে বার্তা:', message);
alert(message); // Main Process থেকে পাওয়া বার্তা UI তে দেখানো
});
document.getElementById('sendMessageBtn').addEventListener('click', () => {
// Main Process এ মেসেজ পাঠানো
ipcRenderer.send('message-from-renderer', 'Hello from Renderer!');
});
</script>
</body>
</html>
৩. ব্যবহার
- Main Process থেকে মেসেজ পাঠানো:
mainWindow.webContents.send('message-from-main', 'Hello from Main Process!');— এটি Main Process থেকে Renderer Process এ মেসেজ পাঠানোর জন্য ব্যবহৃত হয়।- মেসেজটি
message-from-mainনামে একটি ইভেন্টে পাঠানো হয়।
- Renderer Process থেকে মেসেজ গ্রহণ:
ipcRenderer.on('message-from-main', (event, message) => { ... });— এটি Renderer Process এ Main Process থেকে আসা মেসেজ গ্রহণ করতে ব্যবহৃত হয়।
- Renderer Process থেকে মেসেজ পাঠানো:
ipcRenderer.send('message-from-renderer', 'Hello from Renderer!');— এটি Renderer Process থেকে Main Process এ মেসেজ পাঠানোর জন্য ব্যবহৃত হয়।- মেসেজটি
message-from-rendererনামে একটি ইভেন্টে পাঠানো হয়।
সারাংশ
- Main Process থেকে Renderer Process এ মেসেজ পাঠাতে
webContents.send()ব্যবহৃত হয়। - Renderer Process এ মেসেজ গ্রহণ করতে
ipcRenderer.on()ব্যবহার করা হয় এবং মেসেজ পাঠাতেipcRenderer.send()ব্যবহার করা হয়। - এই প্রক্রিয়ার মাধ্যমে, Main Process এবং Renderer Process এর মধ্যে সহজে তথ্য আদান-প্রদান করা সম্ভব হয়।
Content added By
Read more
