Electron and Nativefier til at oprette din egen webapp fra Ubuntu

I dagens artikel skal vi se på Electron. Brugen af ​​dette ramme for bygningsapplikationer sammen med et værktøj kaldet Nativefier, bliver det en universel løsning, som pakke webapplikationer til skrivebordet.

I den samme blog har vi allerede talt om nogle tilfælde af web-app. I dem har vi kendte applikationer som f.eks Webkatalog. Dette er et omfattende katalog, hvor vi finder et stort antal applikationer oprettet med Electron. Nogle flere eksempler på, hvad vi kan oprette med denne software, er applikationer som Wmail, Skype, Simplenote, GitKraken eller Visual Studio Code.

På nogle websteder siger de, at vi i dag ikke længere har brug for native applikationer til Linux. Som alle ved, er internettet multiplatform, og det er grunden til, at applikationer generelt har flyttet gradvis til internettet i årevis.

Som de siger i deres websideHvis brugeren kan bygge et websted, kan en desktopapplikation let bygges. Elektron er en ramme til oprettelse af native applikationer med webteknologier som JavaScript, HTML og CSS.

Takket være dette at bruge en webapplikation vi har kun brug for en webbrowser. I dag understøtter alle browsere funktioner såsom datalagring på disk eller meddelelser. Disse er de mest typiske, som enhver webapp skal bruge.

Elektron tillader os indkapsle webapplikationer til eget forbrug på en enkel måde. Efter at have testet det og verificeret, at det fungerer korrekt, må jeg indrømme, at det i det mindste har været ret nysgerrig uden at være klar over dets reelle anvendelighed. Dens virkelige effektivitet er ikke bemærkelsesværdig, hvis vi sammenligner det med det ressourceforbrug, som Chrom ville gøre, hvis udvidelser, når vi åbner det samme websted. Elektron er baseret på Chromium og i runtime-miljøet node.js.

Electron har altid rejst det samme spørgsmål, hvilket behov har jeg for at oprette enkeltstående applikationer, når jeg kan åbne dem i faner fra browseren? Årsagerne kan være fra at opnå bedre integration med skrivebordet til at spare nogle ressourcer til at administrere nogle websteder isoleret. Her bliver alle nødt til at finde deres egne svar.

Installer Nativefier for at oprette Electron WebApp på Ubuntu

For at udføre denne opgave er den første ting, vi vil gøre installer Node.js og dets npm-pakkehåndtering. Til dette skal vi åbne terminalen (Ctrl + Alt + T) og skrive noget som følgende i den.

sudo apt install nodejs npm

På dette tidspunkt skal vi installere det værktøj, der udfører konverteringen fra Node.js pakkehåndtering. I den samme terminal skriver vi følgende rækkefølge.

sudo npm install nativefier -g

Nu kan vi begynde at oprette vores egne webapplikationer. Vi bliver kun nødt til at starte i terminalen (Ctrl + Alt + T) noget i retning af følgende:

nativefier ubunlog.com

Nativefier vil begynde at indkapsle det angivne websted uafhængigt. Samtidig bevarer den sine egenskaber og tildeles et ikon og et navn. Launcheren af ​​vores applikationsammen med resten af ​​de nødvendige filer kan vi finde i en mappe med samme navn som internettet i kataloget, hvorfra vi har udført den foregående handling.

Det skal præciseres, at Nativefier tillader os anvende forskellige muligheder til de applikationer, som vi vil pakke. Du kan kontrollere dokumentationen på dens side GitHub. Disse muligheder spænder fra muligheden for at tilpasse navnet på applikationen, tilføje et ikon og slutte med at ændre standarddimensionerne i vinduet, blandt andre. Det skal også bemærkes, at vi vil tillad indlejring af JavaScript eller CSS-kode på webapp'en. De muligheder, der er åbne for os, mangedobles.

For at afslutte kan vi kun spørge os selv, om disse typer applikationer er mere komfortable eller genererer en tilstrækkelig høj besparelse på ressourcer i vores enheder. Fordi vi kan gøre næsten det samme ved at tilføje et direkte link til vores desktop med både Chrome og Chromium. Dette er op til alles smag.