herkese merhaba, masaüstü uygulama yapma arayışına girdim ve karşıma oldukça kullanılan electron çıktı .
Denemek istedim bir çok makalede okuduğum kadarıyla yaptım kodlarımda bir youtube kanalından fakat farklı işletim sistemlerini kullanıyoruz(Macintosh), videoyla gerekli her şeyi indirdim (node.js, npm init vb.) ilk pencereyi açıyor daha sonrasında, ne inputa girdiğim komutu konsola yazıyor, nede buton ile ile yeni bir pencere açıyor .sorun belkide basit ama ben bulamadım. yardım ederseniz sevinirim. teşekkürler.(çalıştırdığımda hata koduda almıyorum vindows 11 makine kullanıyorum işletim sisteminden olduğunu düşünüyorum)
main.js
const electron = require("electron");
const url = require("url");
const path = require("path");
const { app, BrowserWindow, Menu, ipcMain } = electron;
let mainWindow;
app.on('ready', () => {
mainWindow = new BrowserWindow({});
console.log(process.platform);
mainWindow.loadURL(
url.format({
pathname: path.join(__dirname, "main.html"),
protocol: "file:",
slashes: true
})
);
const mainMemu = Menu.buildFromTemplate(mainMemuTemplate);
Menu.setApplicationMenu(mainMemu);
ipcMain.on("key", (err, data) => {
console.log(data);
})
ipcMain.on("key:inputValue", (err, data) => {
console.log(data);
})
// yeni pencere
ipcMain.on("key:newWindow", () => {
createWindow();
})
});
const mainMemuTemplate = [
{
label : "Dosya",
submenu : [
{
label : "yeni todo ekle"
},
{
label : "Tümünü sil"
},
{
label : "Çıkış",
role : "quit"
}
]
},
]
function createWindow(){
addWindow = new BrowserWindow({
width: 482,
height:200,
tittle: "yeni bir pencere"
});
addWindow.loadURL(url.format({
pathname : path.join(__dirname, "modal.html"),
protocol : "file:",
slashes : true
}));
}
main.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>xxxxx</title>
<link rel="stylesheet" href="assets/main.css">
</head>
<body>
<div class="container">
<h1 class="text_center">hoşgeldin</h1>
<input type="text" id="value">
<button class="btn1" id="sendBtn">Gönder</button>
<button class="yenipencerebtn" id="openNewBtn">Yeni Bir Pencere Aç</button>
</div>
<script>
const electron = require("electron");
const { ipcRenderer } = electron;
let sendBtn = document.querySelector("#sendBtn");
let inputValue = document.querySelector("#value");
let openNew = document.querySelector("#openNewBtn");
openNew.addEventListener("click", () => {
ipcRenderer.send("key:newWindow", true);
})
sendBtn.addEventListener("click", () => {
ipcRenderer.send("key:inputvalue",inputValue.value);
})
</script>
</body>
</html>