Buradasın

Electron ile Front-End ve Back-End Arasında Veri Transferi Eğitimi

Yapay zekadan makale özeti

Bu video, bir eğitim içeriği olup, eğitmen tarafından Electron kullanarak front-end ve back-end arasında veri transferi konusu anlatılmaktadır.
Video, HTML sayfalarından back-end'e bilgi transfer etme sürecini adım adım göstermektedir. Eğitmen önce bir buton oluşturarak, bu butona tıklandığında JavaScript ile event yakalama, ardından Electron kullanarak IPC render ve IPC main fonksiyonları ile veri transferi yapma yöntemlerini göstermektedir. Örnek olarak, bir form üzerinden input değerlerinin nasıl alınacağı ve back-end'de nasıl görüntüleneceği pratik bir uygulama ile anlatılmaktadır.

HTML Sayfalarından Backend'e Veri Gönderme: HTML sayfalarından backend'e bilgi transferi yapmak için JavaScript kullanılarak buton tıklamaları yakalanabilir.
Buton tıklamalarını yakalamak için "document.getElementById" metodu ile buton seçilebilir ve "addEventListener" ile tıklama olayı dinlenebilir.
Butona tıklanıldığında konsola "aort" yazdırılmasıyla tıklama olayının yakalandığı kontrol edilebilir.
01:56Electron ile Veri Transferi: Butona basıldığında bilgiyi backend'e göndermek için Electron kütüphanesi kullanılır.
IPC (Inter-Process Communication) modülü ile veri transferi yapılır; "ipcRenderer.send" metodu ile veri gönderilir.
Backend'de "ipcMain.on" metodu ile gönderilen event yakalanır ve veri alınır.
04:37Input Değerlerini Gönderme: HTML sayfasına input alanı eklenebilir ve bu inputun değerini backend'e göndermek için "document.getElementById('input').value" kullanılır.
Birden fazla veri göndermek için "ipcRenderer.send" metoduna birden fazla parametre geçirilebilir.
Backend'de "ipcMain.on" ile gelen veriler yakalanır ve konsola yazdırılarak kontrol edilebilir.