Nativefier, converteix llocs web en aplicacions d'escriptori en Ubuntu 18.10

about nativefier

En el següent article anem a fer una ullada a Nativefier. Sobre aquesta eina ja vam parlar en aquest mateix blog fa algun temps. En aquest post veurem com podem instal·lar-la i utilitzar-la en Ubuntu 18.10 per convertir una pàgina web en una aplicació nativa.

Hi ha moltes raons per voler una aplicació nativa d'un lloc web. En general funcionen força bé, a més tenen algunes característiques que la gent espera d'una aplicació d'escriptori. En general, s'adapten bé als escriptoris GNU / Linux gràcies a la seva configuració a l'hora de crear-les.

Instal·lar Nativefier en Ubuntu 18.10

Nativefier és una aplicació NodeJS que s'executa en GNU / Linux i altres sistemes operatius que poden executar el programari Node. Aquest programa no arriba instal·lat per defecte en cap distribució important. Per aquesta raó, haurem de veure com configurar NativeFier, abans que sigui possible començar a convertir llocs web en aplicacions d'escriptori per a GNU / Linux.

instal·lar NPM

Nativefier depèn en gran mesura de l'llenguatge de programació NodeJS. Per aquesta raó, anem a instal·lar el gestor de paquets d'aquest, anomenat NPM, De manera que hauria de ser suficient.

Per a la instal·lar NPM al nostre Ubuntu 18.10, Només haurem d'obrir una terminal (Ctrl + Alt + T) i escriure-hi:

sudo apt install npm

instal·lar Nativefier

Quan el gestor de paquets de NodeJS estigui en funcionament a la nostra màquina, hem d'utilitzar per instal·lar Nativefier. Això ho farem obrint una terminal (Ctrl + Alt + T) i utilitzant la comanda NPM de la següent manera:

instal·lació de nativefier NPM Ubuntu 18.10

sudo npm install nativefier -g

Són els la instal·lació de Nativefier sense sudo pot causar problemes.

Convertir llocs web en aplicacions

Nativefier funciona generant un marc electron basat en l'URL que rep des de la línia d'ordres. Per crear una aplicació nativa de GNU / Linux utilitzant un lloc web, només cal seguir aquests passos:

  • Pas 1 → Troba el lloc web de què vulguis crear una aplicació. Una vegada que tinguis un lloc web al navegador, ressalta la URL amb el ratolí, i fes clic dret a sobre. Seleccioneu l'opció 'copiar'.
  • Pas 2 → A la finestra de la terminal, utilitza Nativefier per generar una aplicació bàsica, enganxant la URL que acabes de copiar. En aquest article utilitzarem aquesta mateixa web.

crear app con nantivefier Ubunlog

nativefier -p linux -a x64 -n ubunlog https://ubunlog.com
  • Pas 3 → Nativefier va incloure la URL en una aplicació electron. És important prestar atenció a la terminal mentre es genera l'app. Si apareix algun error, prem la combinació de tecles Ctrl + C i torna a executar la comanda de nou.
  • Pas 4 → Quan Nativefier acabi de generar l'aplicació, hauràs actualitzar els permisos d'aquesta abans de poder usar-la. Per establir els permisos, a la terminal executa les ordres següents:
cd *-linux-x64

sudo chmod +x *
  • Pas 5 → Executa la teva aplicació electron personalitzada amb:

app nativefier ubunlog llançada

./ubunlog

Opcions de les aplicacions personalitzades

En aquesta secció de l'post, repassarem breument algunes de les opcions que té Nativefier. Aquestes permetran a l'usuari crear una millor aplicació d'escriptori.

Nota: totes les opcions es poden escriure a el mateix temps. No hi ha límit sobre quantes es fan servir alhora.

A la safata de sistema

Vols permetre que l'aplicació aparegui a la safata de sistema? Prova a generar l'aplicació amb l'opció -tray:

app safata sistema

nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --tray

Pantalla completa

Vols que la teva aplicació pugui ser llançada a pantalla completa? utilitza l'opció 'full-screen' en la següent comanda per habilitar-:

nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --full-screen

Inicia maximitzat

és possible forçar la nostra aplicació electron perquè sempre s'iniciï maximitzada. Per aconseguir-sol cal utilitzar l'opció 'maximize' en la comanda per crear l'aplicació:

nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --maximize

habilitar FlashPlayer

És possible tenir una aplicació web que es basi en Flash. Afortunadament, Nativefier té una forma de carregar el complement Adobe Flash. Només haurem d'afegir l'opció flaix a la comanda que utilitzem:

nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --flash

sempre amunt

Vols que la teva aplicació electron ignori les regles de l'administrador de finestres i aparegui sempre a sobre de tot la resta? prova l'opció 'always-on-top' a l'compilar amb Nativefier:

nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --always-on-top

Més opcions de configuració

nativefier help

nativefier --help

L'ajuda de Nativefier ens a mostrar les diferents opcions que podem utilitzar per configurar les nostres aplicacions. Anem a poder trobar més informació d'aquesta eina en la seva repositori de GitHub.


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.   JOAn va dir

    NPM ERR! TypeError Error: Missing required argument # 1
    NPM ERR! TypeError at andLogAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:31:3)
    NPM ERR! TypeError at fetchPackageMetadata (/usr/share/npm/lib/fetch-package-metadata.js:51:22)
    NPM ERR! TypeError at resolveWithNewModule (/usr/share/npm/lib/install/deps.js:456:12)
    NPM ERR! TypeError at /usr/share/npm/lib/install/deps.js:457:7
    NPM ERR! TypeError at /usr/share/npm/node_modules/iferr/index.js:13:50
    NPM ERR! TypeError at /usr/share/npm/lib/fetch-package-metadata.js:37:12
    NPM ERR! TypeError at addRequestedAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:82:5)
    NPM ERR! TypeError at returnAndAddMetadata (/usr/share/npm/lib/fetch-package-metadata.js:117:7)
    NPM ERR! TypeError at pickVersionFromRegistryDocument (/usr/share/npm/lib/fetch-package-metadata.js:134:20)
    NPM ERR! TypeError at /usr/share/npm/node_modules/iferr/index.js:13:50
    NPM ERR! TypeError This is an error with NPM itself. Please report this error a:
    NPM ERR! TypeError

    NPM ERR! Please include the following file with any support request:
    NPM ERR! /home/joan/npm-debug.log

    AJUDAAA