Auf der Arbeit nutzen wir intercom als unser Help-Desk-System. Das System selbst ist ziemlich cool und hat auch ne nette iOS App, aber den Help-Desk nur im Browser-Tab zu haben, stört in meinem Workflow. Also suchte ich nach einer Möglichkeit aus der Webseite eine App zu machen. Vor einigen Jahren war dafür Fluid das Werkzeug der Wahl, aber die Zeiten ändern sich und so möchte ich hier kurz skizzieren, wie man mit nativefier eine Webseite zur App macht.
Damit das geht, müsst Ihr zu erst einmal Node.JS installiert haben. Den passenden Installer gibt es natürlich kostenlos online. Sobald Ihr Node.JS installiert habt, könnt ihr nativefier installieren. Das geht im Terminal mit folgendem Befehl:
npm install -g nativefier
Einziger Schritt: App erstellen
nativefier "https://www.mactopics.de"
Wer möchte kann jetzt hier noch jede Menge Parameter hinzufügen, die alle hier dokumentiert sind. Aber ich habe es mit meiner URL zu intercom ausprobiert und es kam ein anständiges Icon dabei heraus und alles funktionierte einwandfrei. Die Parameter erlauben es aber z.B. das Icon „springen“ zu lassen, oder einen Notification-Dot hinzufügen. Wer will kann eigenes CSS oder JavaScript einbinden – da geht wirklich viel, aber das hab ich mir alles nicht angeschaut.
Die App wird in dem Verzeichnis erstellt, indem Du den Terminal-Befehl ausführst. Hast Du das Verzeichnis nicht gewechselt, entspricht das Deinem „Home-Verzeichnis“. Dort findest Du dann einen Ordner, der die App enthält, die Du dann in einen Programme-Ordner ziehen kannst. So einfach ist das.
Was steckt dahinter?
Habt ihr schon mal Slack auf dem Mac benutzt? Dann habt Ihr eine App benutzt die im Electron Framework programmiert wurde. Dieser Framework erlaubt es App mit JavaScript, HTML & Co zu bauen. Was nativefier macht ist nun eine bereits vorbereitete App so zu parametrisieren, dass eine lauffähige App entsteht. Das ganze ist ziemlich cool und hat ein wenig Vernunft in meinem Arbeitsalltag gebracht.
3 Kommentare
Rolf Felser · 10. November 2021 um 19:58
Ich habe Nativefier heute installiert und war auch zuerst begeistert. Leider musste ich dann feststellen, dass ich nicht navigieren kann. Es gibt keinen „Zurück- Button“ und auch sonst keine Möglichkeit, einen Schritt zurück zu gehen, , z. B. mit rechter Maustaste und Kontextmenü. Die Wischgesten der Magic- Mouse werden ebenfalls nicht unterstützt. Gibt es da möglicherweise einen Trick?
Claus Wolf · 11. November 2021 um 06:17
Leider ist mir kein Trick bekannt, aber unter https://github.com/nativefier/nativefier/blob/master/API.md gibt es die API Doku. Vielleicht lässt sich damit etwas „zaubern“
Tom Nugget · 22. Mai 2022 um 20:26
Du kannst einfach mit JavaScript einen Button einbauen history.back();