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:
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.
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:
./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:
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
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.
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