Eigene Icons im Launcher erstellen

Jeder kann relativ einfach seine Website als Web-App in den Web-Store aufnehmen lassen, bzw. eine URL selber leicht in die eigene Launcher-Bar aufnehmen. Um dies tun zu können braucht man nur eine Icon-Grafik und eine Konfiguration im JSON-Format. Um die Konfiguration zu erstellen, braucht man einen Text-Editor, zum Beispiel editpad.

  1. Zuerst wird lokal ein Ordner mit dem Namen erstellt, den die Web-App später tragen soll.
  2. Danach erstellt man ein Logo im Format 128 x 128 Pixel vom Typ PNG. Dies kann zum Beispiel mit pixlr gemacht werden. Die Logo-Datei muss in dem gerade erstellten Ordner abgelegt werden. Als Name sollte man icon_128.png wählen (bzw. den Namen, den man später in der Konfigurationsdatei verwenden wird).
  3. Nun muss die Konfiguration für die Web-App angelegt werden. Diese wird in einer Text-Datei abgespeichert. Am Beispiel dieser Website sieht die Konfiguration folgendermassen aus: 
    {
“name”: “Chromebook im Praxiseinsatz”,
“description”: “Ihre Resource in der Fragestellung, ob sich das Chromebook im Praxiseinsatz behaupten kann. Von der reinen Analyse bis hin zu praktischen Lösungen für offensichtliche Probleme.”,
“version”: “1.0.0″,
“manifest_version”: 2,
“icons”: {
“128″: “icon_128.png”
},
“app”: {
“urls”: [
"http://www.chromebookimpraxiseinsatz.de/"
],
“launch”: {
“web_url”: “http://www.chromebookimpraxiseinsatz.de/”
}
}
}
    Die “description” darf max. 132 Zeichen lang sein.
  4. Nun kann man die Datei auch in dem Ordner abspeichern. Sie muss den Namen “manifest.json” tragen.
  5. Die Konfiguration für die Web-App ist nun angelegt.
  6. Damit man die Web-App nun lokal nutzen kann, muss man im Chrome-Browser im Menu “Weitere Tools” den Menupunkt “Erweiterungen” klicken. Es erscheint die Liste aller installierten Extensions, Apps und Web-Apps.
  7. Nun aktiviert man rechts oben den “Entwicklermodus” und wählt den Button “entpackte Erweiterung laden”.
  8. Nun kann man den gerade erstellten Ordner auswählen.
  9. Die Web-App wird nun installiert und erscheint ab sofort im Launcher.

Wie man die Web-App noch in den Web-Store aufnehmen lassen kann, wird hier beschrieben: App in Web-Store aufnehmen.

Das ist übrigens auch derselbe Weg, den man nehmen muss, wenn man eine Anwendung installieren möchte, die man manuell heruntergeladen hat und nicht über den Web-Store installieren kann.