Transformez n’importe quel site Web en une application de bureau Linux avec des outils open source


  • FrançaisFrançais


  • Mastodon est un excellent réseau social décentralisé et open source. J’utilise Mastodon tous les jours, et il est probablement plus courant d’utiliser Mastodon via son interface Web (bien qu’étant open source, il existe de nombreuses façons d’interagir avec lui, y compris les applications basées sur les terminaux et les applications mobiles), mais je préfère les fenêtres d’application dédiées .

    Récemment, j’ai découvert Plus natif, et je peux maintenant profiter de Mastodon, ou de toute autre application Web, en tant qu’application de bureau sur mon bureau Linux. Nativefier prend une URL et l’enveloppe avec le framework Electron, qui exécute le navigateur open source Chromium comme son backend mais s’exécute comme sa propre application exécutable. Nativefier est sous licence MIT et est disponible pour Linux, Windows et macOS.

    Installation de Nativefier

    Nativefier nécessite Node.js

    Installer Nativefier est aussi simple que d’exécuter :

    $ sudo npm install -g nativefier

    Sur mon bureau Ubuntu, j’ai d’abord dû mettre à niveau NodeJS, alors assurez-vous de vérifier quelles versions de Node sont requises lorsque vous installez Nativefier.

    Une fois installé, vous pouvez vérifier votre version de Nativefier pour vérifier qu’il a bien été installé :

    $ nativefier --version
    45.0.4

    Fonctionnement nativefier --help répertorie toutes les options prises en charge par l’application.

    Installer

    Je vous recommande de créer un nouveau dossier appelé ~/NativeApps avant de commencer à créer des applications avec Nativefier. Cela permet de garder vos applications agréables et organisées.

    $ mkdir ~/NativeApps
    cd ~/NativeApps

    Créer une application pour Mastodon

    Je vais commencer par créer une application pour mastodonte.technologie.

    Utilisez la commande :

    $ nativefier --name Mastodon
    --platform linux --arch x64
    --width 1024 --height 768
    --tray --disable-dev-tools
    --single-instance https://mastodon.technology

    Les options de cet exemple effectuent les opérations suivantes :

    • --name: définit le nom de l’application sur Mastodon
    • --platform: définit la plate-forme de l’application sur Linux
    • –arch x64 : définit l’architecture sur x64
    • --width 1024 --height 768: définit les dimensions des applications au lancement
    • --tray: crée une icône dans la barre d’état pour l’application
    • --disable-dev-tools: désactive les outils de développement Chrome
    • --single-instance: n’autorise qu’une seule instance de l’application

    L’exécution de cette commande unique affiche la sortie suivante :

    Preparing Electron app...

    Converting icons...
    Packaging... This will take a few seconds, maybe minutes if the requested Electron isn't cached yet...
    Packaging app for platform linux x64 using electron v13.4.0 Finalizing build...

    App built to /home/tux/NativeApps/Mastodon-linux-x64, move to wherever it makes sense for you and run the contained executable file (prefixing with ./ if necessary)

    Menu/desktop shortcuts are up to you, because Nativefier cannot know where you're going to move the app. Search for "linux .desktop file" for help, or see https://wiki.archlinux.org/index.php/Desktop_entries

    La sortie montre que les fichiers sont placés dans /home/tux/NativeApps/Mastodon-linux-x64. Lorsque vous cd dans ce dossier, vous voyez un fichier nommé Mastodon. C’est l’exécutable principal qui lance l’application. Avant de pouvoir le lancer, vous devez lui donner les autorisations appropriées.

    $ cd Mastodon-linux-x64
    chmod +x Mastodon

    Maintenant, exécutez ./Mastodon pour voir votre application Linux se lancer !

    Création d’une application pour mon blog

    Pour le plaisir, je vais également créer une application pour mon site Web de blog. À quoi bon avoir un blog technique s’il n’y a pas d’application Linux pour cela ?

    La commande:

    $ nativefier -n ayushsharma
    -p linux -a x64
    --width 1024 --height 768
    --tray --disable-dev-tools
    --single-instance https://ayushsharma.in

    $ cd ayushsharma-linux-x64
    chmod +x ayushsharma

    Création d’une application pour findmymastodon.com

    Et enfin, voici une application pour mon projet animal de compagnie, findmymastodon.com.

    La commande:

    $ nativefier -n findmymastodon
    -p linux -a x64
    --width 1024 --height 768
    --tray --disable-dev-tools
    --single-instance https://findmymastodon.com

    $ cd findmymastodon-linux-x64
    chmod +x findmymastodon

    Création d’icônes de bureau Linux

    Une fois les applications créées et les exécutables prêts à l’emploi, il est temps de créer des icônes de bureau.

    A titre de démonstration, voici comment créer une icône de bureau pour le lanceur Mastodon. Tout d’abord, téléchargez une icône pour Mastodonte. Placez l’icône dans son répertoire d’application Nativefier comme icon.png.

    Créez ensuite un fichier appelé Mastodon.desktop et saisissez ce texte :

    [Desktop Entry]
    Type=Application
    Name=Mastodon
    Path=/home/tux/NativeApps/Mastodon-linux-x64
    Exec=/home/tux/NativeApps/Mastodon-linux-x64/Mastodon
    Icon=/home/tux/NativeApps/Mastodon-linux-x64/icon.png

    Vous pouvez déplacer le .desktop fichier sur votre bureau Linux pour l’avoir comme lanceur de bureau. Vous pouvez également en placer une copie dans ~/.local/share/applications il apparaît donc dans le menu de votre application ou dans le lanceur d’activité.

    Conclusion

    J’aime avoir des applications dédiées pour les outils que j’utilise souvent. Ma fonctionnalité préférée à propos d’avoir une application pour Mastodon est qu’une fois que je me connecte à Mastodon, je n’ai pas à me reconnecter ! Nativefier exécute Chromium en dessous. Il est donc capable de se souvenir de votre session comme n’importe quel navigateur. Je tiens à remercier tout particulièrement l’équipe Nativefier pour avoir rapproché le bureau Linux de la perfection.


    Cet article a été initialement publié sur le site de l’auteur et est republié avec autorisation.

    Source

    La Rédaction

    L'équipe rédactionnnelle du site

    Pour contacter personnellement le taulier :

    Laisser un commentaire

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

    Copy code