Freigeben über

Entwickeln von Office-Add-Ins mit Visual Studio Code

In diesem Artikel wird die Verwendung von Visual Studio Code (VS Code) zum Erstellen eines Office-Add-Ins beschrieben.

Voraussetzungen

Entwickeln Sie das Add-In mithilfe von VS Code

Um mit dem Projekt zu arbeiten, öffnen Sie den Stammordner des Projekts mit VS Code.

Beide Tools erstellen ein einfaches Add-In mit eingeschränkter Funktionalität. Sie können das Add-In an Ihre Wünsche anpassen, indem Sie dieManifest-, HTML-, JavaScript-, oder TypeScript- und die CSS-Dateien in VS Code bearbeiten. Eine genauere Beschreibung der Projektstruktur und der Dateien im Add-In-Projekt, das vom Yeoman-Generator erstellt wird, finden Sie in der Anleitung zum Yeoman-Generator, die in der jeweiligen Anleitung zum 5-Minuten-Schnellstart enthalten ist, die dem von Ihnen erstellten Add-In entspricht.

Testen und Debuggen Sie das Add-In

Methoden zum Testen, Debuggen und Problembehandlung von Office-Add-Ins variieren je nach Plattform und tool, das zum Erstellen des Projekts verwendet wird. Weitere Informationen finden Sie unter Testen und Debuggen von Office-Add-Ins und Erstellen von Office-Add-In-Projekten mit dem Microsoft 365 Agents Toolkit.

Veröffentlichen Sie das Add-In

Ein Office-Add-In enthält zwei grundlegende Komponenten: eine Manifestdatei und Ihre eigene Webanwendung. Das Manifest definiert verschiedene Einstellungen, einschließlich der Integration Ihres Add-Ins in Office-Clients. Ihre Webanwendung stellt html-, JavaScript- und andere Dateien bereit, die die Funktionalität und Benutzeroberfläche des Add-Ins bereitstellen.

Während Sie das Add-in entwickeln, können Sie das Add-in auf Ihrem lokalen Webserver (localhost) ausführen. Wenn Sie jedoch bereit sind, es für den Zugriff durch andere Benutzer zu veröffentlichen, müssen Sie die Webanwendung auf einem Webserver oder Webhosting-Dienst bereitstellen (beispielsweise Microsoft Azure), und das Manifest aktualisieren, um die URL der bereitgestellten Anwendung anzugeben.

Führen Sie die folgenden Schritte aus, wenn Ihr Add-In wie gewünscht funktioniert und Sie bereit sind, es für andere Benutzer freizugeben.

  1. Führen Sie in der Befehlszeile im Stammverzeichnis Ihres Add-in-Projekts den folgenden Befehl aus, um alle Dateien für die Produktionsbereitstellung vorzubereiten.

    npm run build

    Nach Abschluss des Builds enthält der Ordner Dist (Distribution/Verteilung) im Stammverzeichnis Ihres Add-in-Projekts diejenigen Dateien, die Sie in den nachfolgenden Schritten bereitstellen.

  2. Laden Sie den Inhalt des Ordners Dist auf den Webserver hoch, auf dem Ihr Add-In gehostet wird. Sie können jede Art von Webserver oder Webhosting-Dienst verwenden, um Ihr Add-In zu hosten.

  3. Öffnen Sie in VS Code die Manifestdatei des Add-Ins, die sich im Stammverzeichnis des Projekts befindet. Ersetzen Sie alle vorkommenden https://localhost:3000 durch die URL der Webanwendung, die Sie im vorherigen Schritt auf einem Webserver bereitgestellt haben.

  4. Wählen Sie die Methode aus, die Sie zum Bereitstellen Ihres Office-Add-Ins verwenden möchten, und folgen Sie den Anweisungen zum Veröffentlichen des Add-Ins.

Siehe auch

  • Last updated on