Diese Seite ist Teil der Dokumentation für die Chrome Apps-Plattform, die 2020 eingestellt wurde. Für Enterprise- und Education-Kunden wird sie mindestens bis Januar 2025 auf ChromeOS-Geräten unterstützt. Weitere Informationen zum Migrieren von Apps
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
In dieser Anleitung erfahren Sie, wie Sie Chrome-Apps mit dem MVC-Framework AngularJS erstellen. Um Angular in Aktion zu veranschaulichen, beziehen wir uns auf eine echte App, die mit dem Framework, dem Google Drive-Uploader, erstellt wurde. Der Quellcode ist auf GitHub verfügbar.
Die App
Mit dem Google Drive-Uploader können Nutzer die in ihrem Google Drive-Konto gespeicherten Dateien schnell anzeigen und mit ihnen interagieren. Außerdem können sie mithilfe der HTML Drag & Drop APIs neue Dateien hochladen. Das ist ein gutes Beispiel für die Entwicklung einer App, die mit einer der APIs von Google kommuniziert – in diesem Fall mit der Google Drive API.
Der Uploader verwendet OAuth2, um auf die Daten des Nutzers zuzugreifen. Die chrome.identity API übernimmt das Abrufen eines OAuth-Tokens für den angemeldeten Nutzer. Sobald wir ein langlebiges Zugriffstoken haben, verwenden die Apps die Google Drive API, um auf die Daten des Nutzers zuzugreifen.
Chromeless-Frames zur Festlegung des App-Designs für die Navigationsleiste
Manifest erstellen
Alle Chrome-Apps benötigen eine manifest.json-Datei mit den Informationen, die Chrome zum Starten der App benötigt. Das Manifest enthält relevante Metadaten und alle speziellen Berechtigungen, die die App ausführen muss.
Eine reduzierte Version des Manifests des Uploaders sieht so aus:
Die wichtigsten Teile dieses Manifests sind die Abschnitte "oauth2" und "permissions".
Im Abschnitt "oauth2" werden die erforderlichen Parameter für OAuth2 definiert. Folgen Sie der Anleitung unter Client-ID abrufen, um eine Client-ID zu erstellen. Unter „Bereiche“ sind die Autorisierungsbereiche aufgeführt, für die das OAuth-Token gültig ist, z. B. die APIs, auf die die Anwendung zugreifen möchte.
Der Abschnitt „Berechtigungen“ enthält URLs, auf die die Anwendung über XHR2 zugreift. Die URL-Präfixe sind erforderlich, damit Chrome weiß, welche domainübergreifenden Anfragen zulässig sind.
Veranstaltungsseite erstellen
Für alle Chrome-Apps ist ein Hintergrundskript oder eine Seite erforderlich, um die App zu starten und auf Systemereignisse zu reagieren.
Im Skript background.js öffnet der Drive-Uploader ein 500 x 600 Pixel großes Fenster mit der Hauptseite. Außerdem gibt sie eine Mindesthöhe und -breite für das Fenster an, damit der Inhalt nicht zu knackig wird:
Das Fenster wird als Chromeless-Fenster erstellt (Frame: "none"). Standardmäßig werden Fenster mit der standardmäßigen Leiste zum Schließen/Maximieren/Minimieren des Betriebssystems gerendert:
Der Uploader verwendet frame: 'none', um das Fenster als "leeres Slate" zu rendern, und erstellt eine benutzerdefinierte Schaltfläche zum Schließen in main.html: