Kulesi sihloko, sizohlola konke odinga ukukwazi mayelana ne-Electron JS, inkundla yokuthuthukisa eguqule ukwakhiwa kwezinhlelo zokusebenza ze-cross-platform. Kusukela ekusetheni kwasekuqaleni kuya ekudaleni uhlelo lokusebenza olulula, sizokuhambisa ezintweni eziyisisekelo ze-Electron JS. Ngakho-ke, ingabe usukulungele ukucwila emhlabeni othokozisayo wokwakha izinhlelo zokusebenza nge-Electron JS?
I-Electron JS: Isingeniso
Okokuqala, ake siqonde ukuthi iyini i-Electron JS. Lobu buchwepheshe obuvulekile buwuhlaka olukuvumela ukuthi uthuthukise izinhlelo zokusebenza zedeskithophu usebenzisa ubuchwepheshe bewebhu njenge -HTML , i-CSS, ne-JavaScript. Busetshenziswa kabanzi ngabathuthukisi emhlabeni wonke ukudala izinhlelo zokusebenza ezisezingeni eliphezulu ze-Windows, i-macOS, ne-Linux. I-Electron JS ithole idumela elihle ngenxa yokuguquguquka kwayo kanye nomphakathi wabathuthukisi abasebenzayo. Kungani kufanele ucabangele i-Electron JS kuphrojekthi yakho elandelayo yokuthuthukisa uhlelo lokusebenza? Qhubeka ufunda ukuze uthole ulwazi!
Izinzuzo Eziyinhloko ze-Electron JS
Manje njengoba sethule i-Electron JS, ake sibheke ezinye zezinzuzo ezibalulekile ezinikezwa yile nkundla.
- I-Multiplatform DevelopmentNge-Electron JS, ungabhala i-codebase eyodwa futhi usebenzise izinhlelo zokusebenza kumapulatifomu amaningi, wonge isikhathi esibalulekile nezinsiza.
- Sebenzisa iWeb Technologies: Uma usujwayelene ne-HTML, CSS kanye I-JavaScript nokusebenziseka kwayoUzobe usekhaya nge-Electron JS. Asikho isidingo sokufunda izilimi ezintsha zokuhlela.
- Umphakathi OsebenzayoUmphakathi we-Electron JS uyasebenza futhi uyasekela. Uma uhlangabezana nezinkinga noma imibuzo, kuhlale kukhona ozimisele ukukusiza.
- Izibuyekezo ezenziwe LulaUkugcina izinhlelo zakho zokusebenza zinolwazi lwakamuva kulula nge-Electron JS, ngenxa yesistimu yayo yokuvuselela okuzenzakalelayo.
- Ukwenza kube ngokwakho okuthuthukile: Ungenza ngendlela oyifisayo ukusebenzelana komsebenzisi kohlelo lwakho lokusebenza usebenzisa i-CSS ne-JavaScript, okukunikeza ukulawula okuphelele kokubukeka nokusebenza.
- Ukuvumelana kwe-pluginI-Electron JS isekela ukuhlanganiswa kwama-plugin angaphandle namamojula, okukuvumela ukuba wandise amakhono ohlelo lwakho lokusebenza.
Manje njengoba usuzazi ezinye zezinzuzo ezibalulekile, ake singene endleleni yokusetha i-Electron JS.
Ukusethwa kwe-Electron JS kokuqala
Ukuqalisa nge-Electron JS kungase kubonakale kunzima, kodwa sizokuhambisa ezinyathelweni ezibalulekile ukuze uqalise ngokuzethemba.
Isinyathelo 1: Ukufaka i-Node.js
Ngaphambi kokuthi uqale, qiniseka ukuthi ufake i-Node.js ohlelweni lwakho. Ungayilanda kuwebhusayithi esemthethweni ye-Node.js. I-Node.js ibalulekile ekusebenziseni nasekuphatheni uhlelo lwakho lwe-Electron.
Isinyathelo sesi-2: Qalisa Iphrojekthi yakho
Isinyathelo esilandelayo ukuqala iphrojekthi yakho ye-Electron. Vula itheminali yakho bese uzulazula uye kufolda lapho ufuna ukwakha khona uhlelo lwakho lokusebenza. Bese, sebenzisa umyalo olandelayo:
npm into
Lo myalo uzokuqondisa kunqubo yokusetha iphrojekthi yakho, okuhlanganisa ukudala ifayela package.json.
Isinyathelo sesi-3: Ukufaka i-Electron
Uma usuyiqalile iphrojekthi yakho, ungafaka i-Electron usebenzisa i-npm (Isiphathi Sephakheji YeNode). Qalisa umyalo olandelayo:
npm faka i-electron
I-electron izofakwa kuphrojekthi yakho futhi ilungele ukusetshenziswa.
Isinyathelo sesi-4: Isakhiwo Sefolda
Hlela iphrojekthi yakho ngesakhiwo sefolda okulula ukusiqonda nokuyinakekela. Ngokwesibonelo:
index.html: Lena indawo yokungena yesicelo sakho.main.js: Lapha ungathola ikhodi eyinhloko ye-Electron.renderer.js: Uma kudingeka, ungafaka ikhodi yohlangothi lweklayenti kuleli fayela.
Isinyathelo sesi-5: ifayela le-main.js
Kufayela main.js, kufanele udale iwindi elikhulu lohlelo lwakho lokusebenza. Nasi isibonelo esiyisisekelo:
const { app, BrowserWindow } = dinga('electron')
umsebenzi createWindow() {
const win = i-BrowserWindow entsha ({
ububanzi: 800,
ukuphakama: 600,
WebPreferences: {
NodeIntegration: kuyiqiniso
}
})
win.loadFile('index.html')
}
app.whenReady().bese(createWindow)
Le khodi idala iwindi lesiphequluli elilayishayo index.html. Kusuka lapha, ungenza ngendlela oyifisayo uhlelo lwakho lokusebenza ngokwezidingo zakho.
Njengoba ukusetha kokuqala kusendaweni, sekuyisikhathi sokuthuthukisa uhlelo lwakho lokuqala lwe-Electron JS.
Ukudala Isicelo Esilula nge-Electron JS
Manje njengoba indawo yethu isimisiwe, sekuyisikhathi sokudala uhlelo lokusebenza olulula ukuze uqonde kangcono ukuthi i-Electron JS isebenza kanjani ekusebenzeni.
Isinyathelo 1: Idizayini yesixhumi esibonakalayo
Ake siqale ngokuklama i-interface yomsebenzisi yohlelo lwethu lokusebenza. Dala ifayela index.html kufolda yempande yephrojekthi yakho bese wengeza ikhodi ye-HTML elandelayo:
Uhlelo lwami lwe-electronic
Siyakwamukela kuhlelo lwami lokusebenza lwe-Electron
Lolu uhlelo lokusebenza olulula olwakhiwe nge-Electron JS.
Lona umklamo oyisisekelo kakhulu, kodwa ungawenza ngendlela oyifisayo ngokuvumelana nezintandokazi zakho.
Isinyathelo sesi-2: Uhlelo Lokusebenza
Manje, sidinga ukwengeza i-logic yethu yohlelo lokusebenza. Kungobo yomlando main.js, singathatha izinyathelo ezengeziwe. Isibonelo, bonisa umlayezo wokubingelela lapho uhlelo luqala:
const { app, BrowserWindow } = dinga('electron')
umsebenzi createWindow() {
const win = i-BrowserWindow entsha ({
ububanzi: 800,
ukuphakama: 600,
WebPreferences: {
NodeIntegration: kuyiqiniso
}
})
win.loadFile('index.html')
// Bonisa umlayezo wokubingelela
win.webContents.on('iqedile-ukulayisha', () => {
win.webContents.executeJavaScript(`isaziso('Sawubona, Umhlaba!')`)
})
}
app.whenReady().bese(createWindow)
Ngalokhu, uma uvula uhlelo lwakho lokusebenza lwe-Electron, uzobona umlayezo wokubingelela.
Isinyathelo sesi-3: Vula uhlelo lokusebenza
Ukuze usebenzise uhlelo lwakho, mane usebenzise umyalo olandelayo kutheminali yakho:
npm qala
Uhlelo lwakho lokusebenza lwe-Electron luzovula futhi lubonise isixhumi esibonakalayo somsebenzisi osiklamile. Siyakuhalalisela! Udale ngempumelelo uhlelo lokusebenza olulula nge-Electron JS.
Electron JS in Action
Ukuze ubonise ngokwengeziwe amandla e-Electron JS, nazi izibonelo zezinhlelo zokusebenza ezidumile ezisebenzisa lobu buchwepheshe:
- I-Visual Studio Code: Umhleli wekhodi yomthombo odumile othuthukiswe yi-Microsoft usekelwe ku-Electron JS, okuyenza ibe ithuluzi eliguquguqukayo nelingenziwa ngezifiso kakhulu.
- ukuxega:Uhlelo lokusebenza lokuxhumana kwebhizinisi i-Slack isebenzisa i-Electron JS ukuletha umuzwa wedeskithophu ongenamthungo kubasebenzisi bayo.
- I-Discord:Le nkundla yokuxhumana yabadlali bamageyimu futhi isebenzisa i-Electron JS, okuvumela ukuxhumana kwezwi nombhalo kwekhwalithi ephezulu kuhlelo lokusebenza lwedeskithophu.
- WhatsApp Ubuso bekhompyutha: Inguqulo yedeskithophu ye-WhatsApp isebenzisa i-Electron JS ukuze inikeze ukuzizwisa kwengxoxo okufana nohlelo lokusebenza lweselula.
- Trello: Uhlelo lokusebenza lokuphatha iphrojekthi oludumile lwakhiwe ku-Electron JS, okwenza kube lula ukuhlela nokuhlanganyela njengeqembu.
Isiphetho
Ngamafuphi, i-Electron JS iyinkundla enamandla eyenza kube lula ukuthuthukiswa kwezinhlelo zokusebenza zedeskithophu ye-cross-platform. Ukwesekwa kwayo kobuchwepheshe bewebhu obujwayelekile kanye nomphakathi osebenzayo kuyenza ibe inketho ekhangayo konjiniyela emhlabeni jikelele. Kusukela ekusetheni kokuqala kuya ekwakheni izinhlelo zokusebenza ezilula, lesi sihloko sihlanganise izisekelo ze-Electron JS.
Uma ungathanda ukuthuthukisa izinhlelo zokusebenza zedeskithophu ezenziwe ngezifiso kakhulu neziguquguqukayo, i-Electron JS iyisinqumo esihle kakhulu. Ngakho-ke qhubeka, ungene emhlabeni othokozisayo we-Electron JS bese uqala ukudala izinhlelo zakho zokusebenza ezimangalisayo!
Uma uthole lo mhlahlandlela we-Electron JS uwusizo, zizwe ukhululekile ukuwabelana nabanye onjiniyela nabangane bakho! Ndawonye, singaqhubeka nokuhlola izimangaliso ze-Electron JS futhi sakhe izinhlelo zokusebenza ezimangalisayo. Yabelana ngolwazi futhi masithuthukise amakhono ethu okuthuthuka!
