11/20/2012

Tutorial - Wie man eine eigene App für Google Chrome erstellt

Was wird benötigt?


- Ein Icon im *.png Format (128 x 128 Pixel)
- Eine Manifest Datei


Wie erstelle ich eine Manifest Datei?


Unter Windows einfach den Editor öffnen und folgendes eintragen:

{
  "name": "DEN NAMEN DER APP EINGEBEN",
  "description": "EINE KURZE BESCHREIBUNG EINGEBEN",
  "version": "1.0",
  "app": {
    "launch": {
      "web_url": "DIE VOLLSTÄNDIGE ZIEL-URL EINGEBEN"
    }
  },
  "icons": {
    "16": "TEST.png",
    "128": "TEST.png"
  }
}
( Bitte beachten, das man statt TEST.png den Namen von dem Icon schreibt)

Wenn es fertig ist, sollte es so aussehen:

Im Anschluss auf Datei -> Speichern unter und als Dateinmanen Manifest.json eingeben.



Nächster Schritt


Als nächstes einen neuen Ordner auf dem Computer erstellen, 
in dem das Icon hinterlegt wird und die gerade erstellte Manifest Datei.
Am besten den Ordner auch nach der App benennen 



App zu Google Chrome hinzufügen


Die Einstellungen im Google Chrome Browser öffnen (chrome://chrome/settings/)

Dort angekommen links auf ERWEITERUNGEN klicken 
und dann oben auf ENTPACKTE ERWEITERUNG LADEN.

Dort einfach den erstellten Ordner auswählen, 
der das Icon und die manifest.json Datei enthält und auf OK klicken.


Das war's auch schon ;) Schon habt ihr eure eigene Google Chrome App (Verknüpung) erstellt ;)


Möchtet ihr die App als *CRX Datei für andere Chrome User weitergeben oder veröffentlichen,
 klickt einfach im Erweiterungsmenü auf ERWEITERUNG PACKEN und wählt bei 
  

einfach wieder den erstellten Ordner aus.

Es wird dann eine *.crx und eine *.pem Datei erstellt.

Kurz zur Beschreibung der beiden Dateitypen:

Die .crx Datei enthält die eigentliche Anwendung und kann nun von euch weitergegeben werden oder im eigenen Chrome Browser geöffnet werden. Die .pem Datei wird nur benötigt wenn die Applikation im Chrome Webstore veröffentlicht wurde und aktualisiert werden muss.

Keine Kommentare:

Kommentar veröffentlichen