Phenquestions
Selles artiklis käsitletakse juhiseid Electroni installimise ja lihtsa "Hello World" Electroni rakenduse loomise kohta Linuxis.
Elektroni kohta
Electron on rakenduste arendamise raamistik, mida kasutatakse platvormidevaheliste töölauarakenduste loomiseks, kasutades veebitehnoloogiaid iseseisvas veebibrauseris. See pakub ka operatsioonisüsteemi spetsiifilisi API-sid ja tugevat pakendisüsteemi rakenduste hõlpsamaks levitamiseks. Tüüpiline Electroni rakendus nõuab töötamiseks kolme asja: sõlme.js runtime, eraldiseisev kroomipõhine brauser, mis on varustatud Electroni ja OS-i spetsiifiliste API-dega.
Installige sõlm.js
Võite installida sõlme.js ja “npm” paketihaldur, käivitades Ubuntu järgmise käsu:
$ sudo apt install nodejs npmNeid pakette saate installida paketihalduris teistesse Linuxi distributsioonidesse. Teise võimalusena laadige alla Node'is saadaval olevad ametlikud kahendfailid.js veebileht.
Looge uus sõlm.js Projekt
Kui olete sõlme installinud.js ja “npm”, looge uus projekt nimega “HelloWorld”, käivitades järjest järgmised käsud:
$ mkdir HelloWorld$ cd HelloWorld
Järgmisena käivitage kataloog "HelloWorld" terminal ja käivitage uue paketi lähtestamiseks järgmine käsk:
$ npm initsMinge terminalis läbi interaktiivse viisardi ja sisestage vajadusel nimed ja väärtused.
Oodake, kuni installimine lõpeb. Teil peaks nüüd olema „pakk“.json ”fail kataloogis“ HelloWorld ”. "Paki" olemasolu.json ”fail teie projektikataloogis hõlbustab projekti parameetrite konfigureerimist ja muudab projekti kaasaskantavaks hõlpsamaks jagatavuseks.
„Pakett.json ”failil peaks olema selline kanne:
indeks "main": ".js "“Indeks.js ”on koht, kus paikneks kogu teie põhiprogrammi loogika. Võite luua täiendavaid.js ”,“.HTML "ja".css ”failid vastavalt teie vajadustele. Selles juhendis selgitatud programmi “HelloWorld” eesmärgil loob järgmine käsk kolm vajalikku faili:
$ touch indeks.js indeks.HTML-i register.cssInstallige Electron
Electroni saate oma projekti kataloogi installida, käivitades alloleva käsu:
$ npm installige elektron --save-devOodake, kuni installimine lõpeb. Electron lisatakse nüüd teie projekti sõltuvusena ja te peaksite oma projekti kataloogis nägema kausta "sõlme_moodulid". Electroni installimine projektipõhise sõltuvusena on soovitatav ametlik Electroni installimise viis vastavalt ametlikule Electroni dokumentatsioonile. Kui soovite siiski Electroni oma süsteemi globaalselt installida, võite kasutada allpool mainitud käsku:
$ npm installige elektron -gLisage järgmine rida paketi jaotisse „skriptid”.json ”fail elektronide seadistamise lõpetamiseks:
"start": "elektron ."Loo peamine rakendus
Ava “register.js ”fail teie valitud tekstiredaktoris ja lisage sellele järgmine kood:
const rakendus, BrowserWindow = nõuda ('elektron');funktsioon createWindow ()
const aken = new BrowserWindow (
laius: 1600,
kõrgus: 900,
veebieelistused:
node Integratsioon: tõsi
);
aken.loadFile ('indeks.html ');
rakendus.millal valmis ().siis (createWindow);
Ava “register.html ”fail oma lemmiktekstiredaktoris ja sisestage sinna järgmine kood:
Tere, Maailm !!
Javascripti kood on üsna iseenesestmõistetav. Esimene rida impordib rakenduse toimimiseks vajalikke Electroni mooduleid. Järgmisena loote uue aknaga eraldiseisva brauseri, mis on Electroniga kaasas, ja laadite „indeksi“.html ”fail selles. Märgistus indeksis.html ”fail loob uue lõigu“ Tere maailm !!”Mähitud
”Silt. See sisaldab ka viite linki „register.css ”stiililehefail, mida kasutatakse hiljem artiklis.
Käivitage oma elektronide rakendus
Rakenduse Electron käivitamiseks käivitage järgmine käsk:
$ npm algusKui olete siiani juhiseid õigesti järginud, peaksite saama uue sarnase akna:
Ava “register.css ”fail ja lisage allolev kood, et muuta“ Hello World !!”String.
värv: punane;
Käivitage järgmine käsk uuesti, et näha CSS-stiili, mis on rakendatud rakendusele „Tere maailm !!”String.
$ npm algus
Nüüd on teil minimaalne vajalik failide komplekt, et käivitada põhiline Electroni rakendus. Teil on indeks.js ”programmi loogika kirjutamiseks,“ register.html ”HTML-i märgistuse ja“ index.css ”erinevate elementide kujundamiseks. Teil on ka “pakett.json ”fail ja kaust“ sõlme_moodulid ”, mis sisaldavad vajalikke sõltuvusi ja mooduleid.
Pakett-elektronide rakendus
Rakenduse pakkimiseks võite kasutada Electron Forge'i, nagu soovitab ametlik Electroni dokumentatsioon.
Electron Forge'i lisamiseks oma projekti käivitage järgmine käsk:
$ npx @ electron-forge / cli @ viimane importPeaksite nägema mõnda sellist väljundit:
✔ Süsteemi kontrollimine✔ Giti hoidla initsialiseerimine
✔ Muudetud paketi kirjutamine.jsoni fail
✔ Sõltuvuste installimine
✔ Muudetud paketi kirjutamine.jsoni fail
✔ fikseerimine .gitignore
Oleme KATSETUD teie rakenduse teisendada vormingusse, mida elektronvõltskond mõistab.
Täname "elektron-sepise" kasutamise eest!!!
Ülevaate pakett.json ”fail ja redigeeri või eemalda kirjed jaotistest“ tegijad ”vastavalt oma vajadustele. Näiteks kui te ei soovi luua RPM-faili, eemaldage RPM-pakettide loomisega seotud kirje.
Rakenduspaketi loomiseks käivitage järgmine käsk:
$ npm jooksu markPeaksite saama mõne sarnase väljundi:
> helloworld @ 1.0.0 make / home / nit / HelloWorld> elektron-sepise mark
✔ Süsteemi kontrollimine
✔ Forge Config lahendamine
Enne selle koostamist peame teie taotluse pakkima
✔ Arhi pakendirakenduse ettevalmistamine: x64
✔ Natiivsete sõltuvuste ettevalmistamine
✔ Pakendirakendus
Järgmiste sihtmärkide seadmine: deb
✔ Sihtmärgi loomine: deb - Platvormil: linux - Kaare jaoks: x64
Toimetasin paketti.json ”fail ainult DEB-paketi loomiseks. Ehitatud paketid leiate kaustast "out", mis asub teie projekti kataloogis.
Järeldus
Electron sobib suurepäraselt platvormidevaheliste rakenduste loomiseks, mis põhinevad ühel koodibaasil koos väikeste OS-i spetsiifiliste muudatustega. Sellel on tõepoolest mõned omaette küsimused, neist olulisim on ressursside tarbimine. Kuna kõik renderdatakse eraldiseisvas brauseris ja iga Electroni rakendusega käivitatakse uus brauseriaken, võivad need rakendused olla ressursimahukad võrreldes teiste rakendustega, mis kasutavad kohalike operatsioonisüsteemide spetsiifilisi rakenduste arendamise tööriistakomplekte.
