N’avez-vous jamais ressenti le besoin d’ouvrir certaines applications web comme Google Inbox ou WhatsApp Web pour pouvoir manipuler les fenêtres comme une application de bureau classique comme Thunderbird ou Spotify ? Et bien, c’est possible grâce à Nativefier disponible sur Github.

Pré-requis

  • Une installation fonctionnelle de macOS 10.9+ avec le gestionnaire de paquets Hombrew déjà installé ;
  • Quelques connaissances en ligne de commande ;
  • Votre indulgence et votre collaboration (cf. commentaires) si je ne suis pas clair.

Introduction

Nativefier est un outil de ligne de commande qui vous permet de créer facilement une application de bureau à parti de n’importe quel site Web très facilement et sans aucune configuration. Les applications sont encapsulées avec Electron dans un fichier exécutable par votre OS. Vous obtenez donc un fichier .app pour macOs et .exe pour Windows par exemple.

Installation de Nativefier

Nativefier nécessite l’installation de Node.js et de NPM (gestionnaire de paquets pour Node.js), ce qui se fait très simplement avec Homebrew.

brew install node

Puis, pour installer Nativefier lui-même, copiez et collez la commande ci-dessous dans le terminal

sudo npm install nativefier -g

Et c’est tout ! Vous êtes prêt à créer votre première application.

Créer une application

Pourquoi faire compliqué quand c’est possible de faire simple ? Toujours dans votre terminal, vous devez appeler nativefier et lui passer en option l’adresse web du site que vous souhaitez encapsuler en application. Vous avez ci-dessous un exemple avec l’application web proposée par Whatsapp.

nativefier web.whatsapp.com

Homebrew installera Nativefier dans le dossier où vous vous trouvez. En général, si vous venez d’ouvrir votre terminal, ce sera votre répertoire utilisateur.

Améliorer votre application

Nativefier prévoit beaucoup d’options qui permettent de jouer sur le comportement qu’aura l’application.

Voici quelques exemples que vous pouvez combiner ensemble :

Choisir le nom de l’application

Cela se fait avec l’option -n ou --name :

nativefier --name "GMail" https://mail.google.com

Choisir l’icône de l’application

Avant de commencer, assurez-vous que vous avez bien iconutil et ImageMagick déjà correctement installé sur votre ordinateur et à jour.

sudo npm install iconutil
brew install ImageMagick

Vous pouvez à présent utiliser l’option -i ou --icon :

nativefier --icon "icon.png" https://mail.google.com
Un exemple avec WhatsApp Web et mon logo.

Créer une application pour un autre OS

Cela se fait avec l’option -p ou --platform qui prévoit les valeurs osx, mas, linux ou windows.

Ainsi pour générer un fichier .exe pour Windows depuis votre Mac :

nativefier --plateform "windows" https://mail.google.com
Catégories : Astuces

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.