Convertir un site Web en application native

Wims

Premium
Inscription
27 Août 2014
Messages
1 805
Réactions
418
Points
15 911
Bonsoir :RG:

On se retrouve aujourd'hui pour la présentation de "Nativefier".

Nativefier est un paquet NPM vous permettant de convertir un site web en une application native ( ).
Celui-ci permet de créer des applications compatibles avec Windows, MacOS et Linux.

Pré-requis :

Comme dis ci-dessus, Nativefier est un paquet NPM donc vous devez avoir NodeJS d'installé sur votre machine (v4+).

Pour installer ce paquet, rien de plus simple, executer cette comande :

Code:
npm install nativefier -g

Pour utiliser Nativefier, tout se passe en ligne de commande.

Code:
nativefier --name "Nom de l'application" "URL du site internet"

Pour la démonstration, je vais créer une application de RG.

Pour ça, je tape :

Code:
nativefier --name "RealityGaming" "reality-gaming.fr"

Une fois la commande tapé, vous devriez avoir un petit chargement :

Screenshot-at-21-23-16.png


Sachant que je suis sous Linux, Nativefier à créer une application de RG executable sous Linux.
Si vous faites la manipulation sur Windows, vous aurez un .exe, et sous MacOS un .dmg (il me semble).

Screenshot-at-21-25-31.png


Screenshot-at-21-26-42.png


Je vais maintenant lancer l'application :

Screenshot-at-21-25-07.png


Comme vous pouvez le voir, tout fonctionne correctement ;)


 
D

deleted577633

Bonsoir :RG:

On se retrouve aujourd'hui pour la présentation de "Nativefier".

Nativefier est un paquet NPM vous permettant de convertir un site web en une application native.
Celui-ci permet de créer des applications compatibles avec Windows, MacOS et Linux.

Pré-requis :

Comme dis ci-dessus, Nativefier est un paquet NPM donc vous devez avoir NodeJS d'installé sur votre machine (v4+).

Pour installer ce paquet, rien de plus simple, executer cette comande :

Code:
npm install nativefier -g

Pour utiliser Nativefier, tout se passe en ligne de commande.

Code:
nativefier --name "Nom de l'application" "URL du site internet"

Pour la démonstration, je vais créer une application de RG.

Pour ça, je tape :

Code:
nativefier --name "RealityGaming" "reality-gaming.fr"

Une fois la commande tapé, vous devriez avoir un petit chargement :

Screenshot-at-21-23-16.png


Sachant que je suis sous Linux, Nativefier à créer une application de RG executable sous Linux.
Si vous faites la manipulation sur Windows, vous aurez un .exe, et sous MacOS un .dmg (il me semble).

Screenshot-at-21-25-31.png


Screenshot-at-21-26-42.png


Je vais maintenant lancer l'application :

Screenshot-at-21-25-07.png


Comme vous pouvez le voir, tout fonctionne correctement ;)


Salut,

Merci pour ce tutoriel ::):
Est-ce que l'on peut modifier le site via l'application ?
 
D

deleted577633

Salut, je n'ai pas compris ta question?
Non j'y ai répondu moi même en fait :trollface: J'ai une autre question du coup, pour partager l'application du coup on partage juste le .exe ou il doit aussi y avoir des libraires ou des fichiers dll avec et si toutes les actions dans tous les l'engage fonctionnent ( PHP js etc ... ? )
 

Wims

Premium
Inscription
27 Août 2014
Messages
1 805
Réactions
418
Points
15 911
Non j'y ai répondu moi même en fait :trollface: J'ai une autre question du coup, pour partager l'application du coup on partage juste le .exe ou il doit aussi y avoir des libraires ou des fichiers dll avec et si toutes les actions dans tous les l'engage fonctionnent ( PHP js etc ... ? )
De ce que j'ai essayé, il faut tout le contenu du dossier (en excluant le readme et autres fichiers de ce type), mais j'ai pas essayé plus que sa (donc le mieux ce serai de faire un installateur avec la possibilité de créer un raccourci de l'application sur le bureau).
Au niveau des langages, je pense que oui.
 

_$nZ

Membre
Inscription
26 Décembre 2015
Messages
80
Réactions
10
Points
2 356
Yop, j'ai donc tenté d'essayer ton tutoriel, mais ma machine me sort une erreur:
-bash: /usr/local/bin/nativefier : /usr/bin/env : mauvais interpréteur: Aucun fichier ou dossier de ce type
les répertoires n'existent pas.
j'ai donc désinstallé les paquets et toujours rien sais-tu quoi faire ?:triste:
 

Wims

Premium
Inscription
27 Août 2014
Messages
1 805
Réactions
418
Points
15 911
Yop, j'ai donc tenté d'essayer ton tutoriel, mais ma machine me sort une erreur:
-bash: /usr/local/bin/nativefier : /usr/bin/env : mauvais interpréteur: Aucun fichier ou dossier de ce type
les répertoires n'existent pas.
j'ai donc désinstallé les paquets et toujours rien sais-tu quoi faire ?:triste:
C'est pas Nativefier le problème, c'est NPM (donc NodeJS).
C'est la première fois que tu te sers de NPM?

Essaie : ln -s /usr/bin/nodejs /usr/bin/node (en sudo si tu n'as pas les permissions)
Puis réessaie :p
 

_$nZ

Membre
Inscription
26 Décembre 2015
Messages
80
Réactions
10
Points
2 356
C'est pas Nativefier le problème, c'est NPM (donc NodeJS).
C'est la première fois que tu te sers de NPM?

Essaie : ln -s /usr/bin/nodejs /usr/bin/node (en sudo si tu n'as pas les permissions)
Puis réessaie :p
Oui c'est la première fois.
Dis donc on entame erreur sur erreur :trollface:

ln: impossible de créer le lien symbolique « /usr/bin/node »: Le fichier existe
 

_$nZ

Membre
Inscription
26 Décembre 2015
Messages
80
Réactions
10
Points
2 356
apt install odejs-legacy ? :d:

Les paquets suivants contiennent des dépendances non satisfaites :
nodejs-legacy : Dépend: nodejs (>= 0.6.19~dfsg1-3~) mais ne sera pas installé
E: Impossible de corriger les problèmes, des paquets défectueux sont en mode « garder en l'état ».
 

Wims

Premium
Inscription
27 Août 2014
Messages
1 805
Réactions
418
Points
15 911
Les paquets suivants contiennent des dépendances non satisfaites :
nodejs-legacy : Dépend: nodejs (>= 0.6.19~dfsg1-3~) mais ne sera pas installé
E: Impossible de corriger les problèmes, des paquets défectueux sont en mode « garder en l'état ».
Et bah dis donc, tu as fais quoi avec ton système pour qu'il soit comme ça? :trollface:

Tu es sur d'avoir fait un apt update et upgrade avant?
 

_$nZ

Membre
Inscription
26 Décembre 2015
Messages
80
Réactions
10
Points
2 356
Et bah dis donc, tu as fais quoi avec ton système pour qu'il soit comme ça? :trollface:

Tu es sur d'avoir fait un apt update et upgrade avant?

c'est lui qui est comme ça, linux ne m'aime pas :fight:.

AH ! j'avais peut-être pas mis à jour le système...

ah toujours pareil:

Les paquets suivants contiennent des dépendances non satisfaites :
nodejs-legacy : Dépend: nodejs (>= 0.6.19~dfsg1-3~) mais ne sera pas installé
E: Impossible de corriger les problèmes, des paquets défectueux sont en mode « garder en l'état ».
 

Wims

Premium
Inscription
27 Août 2014
Messages
1 805
Réactions
418
Points
15 911
c'est lui qui est comme ça, linux ne m'aime pas :fight:.

AH ! j'avais peut-être pas mis à jour le système...

ah toujours pareil:

Les paquets suivants contiennent des dépendances non satisfaites :
nodejs-legacy : Dépend: nodejs (>= 0.6.19~dfsg1-3~) mais ne sera pas installé
E: Impossible de corriger les problèmes, des paquets défectueux sont en mode « garder en l'état ».
Tu es sur quel distrib?

mouais ça casse pas 3 pattes à un canard
?
 

Wims

Premium
Inscription
27 Août 2014
Messages
1 805
Réactions
418
Points
15 911
deb jessie main
deb jessie/updates main
J'ai complètement oublié de te répondre :nerveux2:, tu as réussi à résoudre ton problème?
Si non, essaie de réinstaller complètement nodeJS, ou de faire la manipulation sur Windows directement :mmh:
 
Haut