Electron i Nativefier per crear les teves pròpies webapp des d'Ubuntu

WebApp electron ubunlog

En l'article d'avui anem a fer una ullada a Electron. La utilització d'aquest marc per a la creació d'aplicacions juntament amb una eina anomenada Nativefier, s'està convertint en una solució universal amb la qual empaquetar aplicacions web per a l'escriptori.

En aquest mateix blog ja hem parlat d'alguns casos de aplicació web. En ells hem conegut aplicacions com Webcatalog. Aquest és un extens catàleg en el qual trobarem una gran quantitat d'aplicacions creades amb Electron. Alguns exemples més del que podrem crear amb aquest programari serien aplicacions com les de Wmail, Skype, Simplenote, GitKraken o Visual Studio Code.

En alguns llocs diuen que avui en dia ja no necessitem aplicacions natives per a Linux. Com per tots és sabut la web és multiplataforma, i per això les aplicacions en general es duen traslladant a poc a poc a la web des de fa anys.

Com diuen en el seu lloc web, Si l'usuari pot construir un lloc web, es pot construir una aplicació d'escriptori de manera senzilla. Electron és un marc per a la creació d'aplicacions natives amb tecnologies web com JavaScript, HTML i CSS.

Gràcies a això, per utilitzar una aplicació web només necessitarem un navegador web. Avui dia tots els navegadors suporten característiques com emmagatzematge de dades en disc o notificacions. Aquestes són les més típiques que qualsevol webapp necessitarà utilitzar.

aplicació web ubunlog Entrada

Electron ens va a permet encapsular aplicacions web per a consum propi de manera senzilla. Després haver-ho provat i constatat que funciona correctament, he de reconèixer que sense tenir clar la seva utilitat real, com menys m'ha resultat bastant curiós. La seva eficiència real no és notable si la comparem amb el consum de recursos que faria Chromium si extensions, a l'obrir el mateix lloc web. Electron es basa en Crom i en l'entorn d'execució NODE.JS.

Electron sempre ha suscitat la mateixa pregunta, ¿quina necessitat tinc de crear aplicacions independents quan puc obrir en pestanyes des del navegador? Les raons poden ser des aconseguir una millor integració amb l'escriptori, passant per estalviar una mica de recursos fins gestionar de manera aïllada alguns llocs. Aquí cadascú haurà de buscar les seves pròpies respostes.

Instal·lar Nativefier per crear WebApp Electron en Ubuntu

Per realitzar aquesta tasca, el primer que farem serà instal·lar NODE.JS i el seu gestor de paquets NPM. Per això anem a obrir la terminal (Ctrl + Alt + T) i escrivim en ella alguna cosa com el següent.

sudo apt install nodejs npm

Arribats a aquest punt anem a instal·lar la utilitat que realitzarà la conversió des del gestor de paquets Node.js. En la mateixa terminal escrivim la següent ordre.

sudo npm install nativefier -g

Ara ja podem començar a crear les nostres pròpies aplicacions web. Només haurem de llançar a la terminal (Ctrl + Alt + T) alguna cosa com el següent:

nativefier ubunlog.com

Nativefier començarà a encapsular el lloc web indicat de manera independent. A el mateix temps conservarà les seves característiques i se li assignarà una icona i un nom. El llançador de la nostra aplicació, Juntament amb la resta d'arxius necessaris, podrem trobar en una carpeta d'el mateix nom que la web al directori des d'on hàgim realitzat l'acció anterior.

creant webapp electron

Cal aclarir que Nativefier ens permetrà aplicar diferents opcions a les aplicacions que vulguem empaquetar. Pots consultar la documentació en la pàgina de GitHub. Aquestes opcions van des de la possibilitat de personalitzar el nom de l'aplicació, passant per afegir una icona i acabant per modificar les dimensions per defecte de la finestra, entre d'altres. També cal destacar que ens va a permetre incrustar codi JavaScript o CSS a la webapp. Les possibilitats que se'ns obren es multipliquen.

Per acabar només ens queda preguntar-nos si aquest tipus d'aplicacions són més còmodes o generen un estalvi de recursos prou alt en els nostres dispositius. Per que podrem fer pràcticament el mateix afegint un enllaç directe al nostre escriptori tant amb Chrome com amb Chromium. Això ja queda a gust de cadascú.


Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà. Els camps obligatoris estan marcats amb *

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.

  1.   Cristina va dir

    Hola i que comandaments puc fer servir per eliminar-la a més electron que com a part de la instal·lació es descàrrec?. Gràcies pel teu blog, estic en kde neó