WebApps mit nativefier

  Lioh Möller   Lesezeit: 3 Minuten

WebApplikationen lassen sich mit nativefier auf einfache Weise erstellen.

webapps mit nativefier

WebApps erfreuen sich immer grösserer Beliebtheit. Dabei handelt es sich um isolierte und in einem eigenen Fenster dargestellte Webseiten. Distributionen wie Peppermint OS setzen diese verstärkt ein und bieten entsprechende grafische Konfigurationsutilitys. Der für LinuxMint angebotene webapp-manager basiert auf der ICE Technologie von Peppermint OS und ermöglicht ebenfalls eine einfache Einrichtung von Webapplikationen.

Mit nativefier steht eine plattformübergreifende Alternative zur Verfügung, welche für angegebene Webseiten Electron basierte Applikationen erstellen kann. Voraussetzung für die Nutzung ist Node.js ≥ 12.9 und npm ≥ 6.9. Zur Einrichtung kann, falls noch nicht erfolgt, npm entsprechend im Benutzerkontext vorbereitet werden:

mkdir ~/.npm-global
npm config set prefix '~/.npm-global'
echo 'export PATH=~/.npm-global/bin:$PATH' > ~/.profile
source ~/.profile

Die eigentliche Installation erfolgt daraufhin mit folgendem Befehl:

npm install -g nativefier

Zur Erstellung einer WebApp kann nativefier auf der Kommandozeile aufgerufen werden:

nativefier gnulinux.ch -n 'GNU/Linux.ch'

Die erzeugte Applikation findet sich daraufhin im Homeverzeichnis des Benutzers und kann an die gewünschte Stelle verschoben werden (beispielsweise ~/bin).

Sofern eine Integration in das Anwendungsmenü erwünscht ist, kann manuell ein .desktop File in ~/.local/share/applications/ erstellt werden:

[Desktop Entry]
Comment=GNU/Linux.ch - Freie Software, Freie Gesellschaft
Terminal=false
Name=GNU/Linux.ch
Exec=/home/lioh/bin/GNULinux.ch-linux-x64/GNULinux.ch
Type=Application
Icon=/home/lioh/bin/GNULinux.ch-linux-x64/resources/app/icon.png
Categories=Network;

Die Pfade und Bezeichnungen müssen dabei an die persönlichen Gegebenheiten angepasst werden.

Im Git-Repository des Projektes finden sich darüber hinaus einige wichtige Hinweise zur Integration von Web-Applikationen wie WhatsApp, Outlook, Spotify oder Udemy.

Quelle: https://github.com/nativefier/nativefier

Tags

WebApp-Manager, Electron, Webapplikationen

Es wurden noch keine Kommentare verfasst, sei der erste!