Nativefier, convertissez les sites Web en applications de bureau dans Ubuntu 18.10

à propos de nativefier

Dans le prochain article, nous allons jeter un œil à Nativefier. Nous avons déjà parlé de cet outil dans ce même blog il y a quelque temps. Dans cet article, nous allons voir comment nous pouvons l'installer et l'utiliser dans Ubuntu 18.10 pour convertir une page Web en une application native.

Il existe de nombreuses raisons de vouloir une application native pour un site Web. Ils fonctionnent généralement assez bien, en plus de certaines fonctionnalités que les gens attendent d'une application de bureau. En général, s'adapte bien sur les bureaux Gnu / Linux grâce à sa configuration lors de leur création.

Installez Nativefier sur Ubuntu 18.10

Nativefier est une application NodeJS s'exécutant sur Gnu / Linux et d'autres systèmes d'exploitation pouvant exécuter Node. Ce programme n'arrive pas installé par défaut dans aucune distribution majeure. Pour cette raison, nous devrons voir comment configurer NativeFier, avant de pouvoir commencer à convertir des sites Web en applications de bureau pour Gnu / Linux.

Installer NPM

Nativefier s'appuie fortement sur le langage de programmation NodeJS. Pour cette raison, nous allons installez ce gestionnaire de packages, appelé NPM, avec qui devrait suffire.

Pour installer NPM sur notre Ubuntu 18.10, nous n'aurons plus qu'à ouvrir un terminal (Ctrl + Alt + T) et à y écrire:

sudo apt install npm

Installez Nativefier

Lorsque le gestionnaire de packages NodeJS est en cours d'exécution sur notre machine, nous devons l'utiliser pour installer Nativefier. Nous le ferons en ouvrant un terminal (Ctrl + Alt + T) et en utilisant la commande npm de la manière suivante:

installer nativefier npm ubuntu 18.10

sudo npm install nativefier -g

Attention: installer Nativefier sans sudo peut poser des problèmes.

Convertir des sites Web en applications

Nativefier fonctionne en générant une trame électronique basée sur l'URL que vous recevez de la ligne de commande. Pour créer une application Gnu / Linux native à l'aide d'un site Web, procédez comme suit:

  • Étape 1 → Trouvez le site Web pour lequel vous souhaitez créer une application. Une fois que vous avez un site Web dans votre navigateur, mettez en surbrillance l'URL avec votre souris et cliquez dessus avec le bouton droit de la souris. Sélectionnez l'option 'copiar'.
  • Étape 2 → Dans la fenêtre du terminal, utilisez Nativefier pour générer une application de base, en collant l'url que vous venez de copier. Dans cet article, nous allons utiliser ce même site Web.

créer une application avec nativefier Ubunlog

nativefier -p linux -a x64 -n ubunlog https://ubunlog.com
  • Étape 3 → Nativefier inclura l'URL dans une application électronique. Il est important de faire attention au terminal lors de la génération de l'application. Si une erreur apparaît, appuyez sur la combinaison de touches Ctrl + C et exécutez à nouveau la commande.
  • Étape 4 → Lorsque Nativefier a fini de générer l'application, vous devez mettre à jour les autorisations de celui-ci avant de pouvoir l'utiliser. Pour définir les autorisations, dans le terminal, exécutez les commandes suivantes:
cd *-linux-x64

sudo chmod +x *
  • Étape 5 → Lancez votre application électron personnalisé avec:

natif de l'application ubunlog libéré

./ubunlog

Options d'application personnalisées

Dans cette section de l'article, nous passerons brièvement en revue certaines des options de Nativefier. Ceux-ci permettront à l'utilisateur de créer une meilleure application de bureau.

Remarque: toutes les options peuvent être écrites en même temps. Il n'y a pas de limite quant au nombre utilisé en même temps.

Dans la zone de notification

Voulez-vous autoriser faire apparaître l'application dans la barre d'état système? Essayez de générer l'application avec l'option –tray:

application de la barre d'état système

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

Plein écran

Vous souhaitez que votre application puisse être lancée en plein écran? Les usages l'option 'plein écran' dans la commande suivante pour l'activer:

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

Commencer maximisé

Possible forcer notre application d'électrons à toujours démarrer maximisée. Pour l'obtenir, il suffit d'utiliser l'option 'maximiser' dans la commande pour créer l'application:

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

Activer FlashPlayer

Il est possible d'avoir une application Web basée sur Flash. Heureusement, Nativefier a un moyen de charger le plugin Adobe Flash. Nous n'aurons plus qu'à ajouter l'option 'flash' à la commande que nous utilisons:

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

Toujours debout

Voulez-vous votre application d'électrons ignorer les règles du gestionnaire de fenêtres et apparaître toujours au-dessus de tout le reste? Test l'option «toujours au top» lors de la compilation avec Nativefier:

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

Plus d'options de configuration

aide nativefier

nativefier --help

L'aide de Nativefier pour nous montrer le différentes options que nous pouvons utiliser pour configurer nos applications. Nous pourrons trouver plus d'informations sur cet outil dans votre Dépôt GitHub.


Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués avec *

*

*

  1. Responsable des données: Miguel Ángel Gatón
  2. Finalité des données: Contrôle du SPAM, gestion des commentaires.
  3. Légitimation: votre consentement
  4. Communication des données: Les données ne seront pas communiquées à des tiers sauf obligation légale.
  5. Stockage des données: base de données hébergée par Occentus Networks (EU)
  6. Droits: à tout moment, vous pouvez limiter, récupérer et supprimer vos informations.

  1.   JOAN dit

    npm ERR! Erreur de typeerror: argument requis # 1 manquant
    npm ERR! typeerror à andLogAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:31:3)
    npm ERR! typeerror à fetchPackageMetadata (/usr/share/npm/lib/fetch-package-metadata.js:51:22)
    npm ERR! typeerror à résoudreWithNewModule (/usr/share/npm/lib/install/deps.js:456:12)
    npm ERR! typeerror à /usr/share/npm/lib/install/deps.js:457:7
    npm ERR! typeerror à /usr/share/npm/node_modules/iferr/index.js:13:50
    npm ERR! typeerror à /usr/share/npm/lib/fetch-package-metadata.js:37:12
    npm ERR! typeerror à addRequestedAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:82:5)
    npm ERR! typeerror à 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 à /usr/share/npm/node_modules/iferr/index.js:13:50
    npm ERR! typeerror Il s'agit d'une erreur avec npm lui-même. Veuillez signaler cette erreur à:
    npm ERR! erreur-type

    npm ERR! Veuillez inclure le fichier suivant avec toute demande d'assistance:
    npm ERR! /home/joan/npm-debug.log

    AIDER