Information relative à l'utilisation des données personnelles

Le site pajagus.fr utilise des cookies pour analyser le trafic sur le site.

Seules les données nécessaires à l'agent Google Analytics sont enregistrées. Ces informations sont utilisées pour générer des rapports de connexions, sessions, pages vues, provenance des visiteurs...

Aucune autre information n'est enregistrée par le site pajaguse.fr.

En utilisant ce site vous acceptez l'utilisation de ces cookies.

Nativefier : Créer une application native à partir d’une webApp

Windows 10Voici un petit utilitaire, Nativefier, qui permet de créer une application autonome, avec sa propre fenêtre, et qui utilise une webapp (url).

Cela permet de donner l’illusion que l’on utilise une application native alors que l’on utilise une application web…

Cet article est inspiré de celui-ci du site The Windows Club.

Je vais détailler ici la configuration sur un poste Windows, mais c’est la même chose pour macOS et Linux.

Etape 1 : Installer  NodeJS

Il est nécessaire d’installer nodeJS pour configurer l’application. Ensuite l’application sera autonome et pourra être utilisée sur un poste Windows sans nodeJS.

  • Télécharger noteJS sur le le site officiel : www.nodejs.org
  • Décompresser le zip, ouvrir une console cmd et se placer dans le dossier node-vxxxx
  • Pour tester si nodejJS est ok, exécutez la commande suivante :  npm -v

npm-v

Etape 2 : Installer Nativefier

C’est ce logiciel : Nativefier qui va ‘encapsuler’ notre web application dans un fichier exécutable (mac,linux ou windows).

Pour l’installer, toujours depuis le dossier nodeJS, exécutez : npm install -g nativefier

Après quelques minutes/secondes de traitement la console devrait afficher ceci :

nativefier-install

Vous pouvez également vérifier dans la commande : dir, que les fichiers nativefier et nativefier.cmd sont bien présents.

Etape 3 : Créer notre application

Pour créer l’application il suffit d’exécuter nativefier avec à minima deux paramètres :

  • -name « Nom de l’application »
  • « http://URL_DE_L_APPLI »

Exemple : nativefier –name “Mon Application” “http://www.monapplication.org”

Nativefier télécharge plusieurs modules nécessaires au fonctionnement de l’application, puis va créer un dossier contenant votre application.

Dans ce dossier vous trouvez un fichier nomApplication.exe, ce lui qu’il faudra exécuter pour lancer l’application.

Pour déployer votre application il suffit de copier ce dossier sur n’importe quel poste Windows et d’ajouter un raccourcis sur le bureau vers le fichier exe.

Sur mon poste Windows 10, j’ai du ajouter le dossier contenant nodeJS à la variable d’environnement PATH sinon lors de la création de l’application il y avait une erreur indiquant qu’il ne trouvait pas la commande npm.

Informations complémentaires

Lorsque votre application s’exécute vous avez quelques options possibles :

  • La touche Alt permet d’afifcher un menu avec les options : suivant, précédent, recharger
  • Les touche Ctrl + = permettent de zoomer (le dé-zoom n’a pas fonctionné pendant mes tests, il suffit de passer par le menu : Edit/Reset Zoom
  • Il est possible d’afficher l’inspecteur Web (pour les développeurs) avec CTRL+Shift+l 

Dans le menu Edit (touche Alt) il est possible via l’option : Clear app Data, de supprimer toutes les informations (login, cookie…) de l’application si besoin. De nombreuses options sont disponibles dans les menus.

L’utilitaire nativefier propose d’autres nombreuses options. Pour afficher la liste complète il suffit d’exécuter la commande sans aucun paramètre.

nativefier-options

Bonus: Authentification HTTP

Si votre application web utilise une authentification HTTP (via htaccess) pour sécuriser les accès il est possible d’enregistrer les informations de connexion (login et mot de passe) lors de la création de l’application. pour cela il faut ajouter les options suivante :

  • –basic-auth-username « login »
  • –basic-auth-password « motdepasse »

Cela ne fonctionne que pour les authentifications http (htacces).

si votre webapp utilise le protocle HTTPS, il est possible que l’application ne fonctionne pas si le certificat SSL n’est pas correctement reconnu. IL suffit dans ce cas d’ajouter l’option : –ignore-certificate, pour que tout fonctionne correctement.

Liste complète des options sur la page du projet : API Nativefier

Pas de Commentaire

Qu'en pensez-vous ?

Votre formulaire contient des erreurs, merci de corriger.