Erkunden von Tools und Codebeispielen
Sie haben Ihre erste Registerkarten-App, einen interaktiven Benachrichtigungsbot und eine Nachrichtenerweiterung erstellt. Sie können eine Teams-App gemäß den Anforderungen Ihrer App erstellen. Wählen Sie basierend auf Faktoren wie Geschäftsanforderungen, Entwicklungsumgebung und Domänenwissen die Umgebung und die Tools zum Erstellen Ihrer App aus.
Eine Teams-App bietet Ihnen die Flexibilität, Ihre Buildumgebung auszuwählen. Sie enthält Tools, Framework und Sprachen für die App-Entwicklung. Erstellen Sie Ihre Teams-App in der Umgebung, die am besten für Ihre App geeignet ist. Sie können sogar eine Kombination auswählen. Beispielsweise können Sie das Teams-Toolkit verwenden, um eine App mit JavaScript zu erstellen und auf einer SharePoint-Website zu hosten.
In diesem Abschnitt werden die verschiedenen Optionen zum Erstellen Ihrer Teams-App erläutert.
Teams-Plattform für die Zusammenarbeit
Als Plattform für die Zusammenarbeit zum Erstellen von Apps bietet Teams die gesamte Palette von Apps und Tools. Die Teams-Plattform unterstützt Ihre App-Entwicklung in jeder Phase von der Planung bis zur Verteilung.
Sie können verschiedene Tools und Dienste verwenden, um Ihre App zu erstellen. Es folgt ein Beispiel für einen Entwicklungsflow.
- Planen Sie Ihr Projekt und ermitteln Sie die Anforderung.
- Entwerfen Sie Ihre App. Verwenden Sie teams UI Kit und Fluent UI React Komponenten zum Entwerfen der Registerkarten-UI.
- Erstellen Sie Ihre App mit JavaScript mithilfe des Teams Toolkits.
- Erweitern Sie die Funktionalität, indem Sie weitere Teams-Funktionen hinzufügen, Aktivitätsfeedbenachrichtigungen senden und Microsoft 365-Daten mit
Microsoft Graph verwenden. - Testen Sie die App auf einem Entwicklermandanten mit Beispiel-Nutzerdaten.
- Stellen Sie die App in Azure bereit.
- Verwalten und veröffentlichen Sie die App im Microsoft Teams Store mit dem Entwicklerportal. Monetarisieren Sie Ihre App mit Optionen wie SaaS-Angeboten, In-App-Käufen uvm.
Tools und SDKs
Sie können Ihre Microsoft Teams-App mithilfe der folgenden Tools und SDKs erstellen.
Um mit dem Erstellen Ihrer Teams-App zu beginnen, können Sie die Tools und SDKs basierend auf Ihren App-Anforderungen auswählen.
- App-Funktionen: Sie können eine einzelne oder eine Kombination von Funktionen basierend auf Ihren App-Anforderungen auswählen.
- SDKs, die Sie benötigen: Wenn Sie z. B. KI-Funktionen für Ihre Bot-App erstellen, wählen Sie Teams KI-Bibliothek aus.
- UI-Komponenten: Wählen Sie die Ui-Komponenten aus, um Ihre App basierend auf Ihrer App-Funktion zu entwerfen.
- Sprachen: Wählen Sie die Sprache aus, in der Sie Ihre App erstellen möchten.
- Empfohlene Tools: Wählen Sie die Tools basierend auf der ausgewählten Sprache aus. Sie können auch das Teams-Entwicklerportal verwenden, um Ihre App zu verwalten und zu veröffentlichen. Mit dem Teams Toolkit und Yo Teams können Sie Ihre App mit JavaScript und TypeScript oder mit C# in Visual Studio Code (VS Code) oder Visual Studio erstellen.
| App-Funktionen | Benutzerinteraktionen | Empfohlene Tools | SDKs | Sprachen |
|---|---|---|---|---|
| Registerkarten | Eine eingebettete Weboberfläche im Vollbildmodus. | VS Code oder Visual Studio mit der Teams Toolkit-Erweiterung oder TeamsFx CLI , wenn Sie die CLI bevorzugen | Teams JavaScript-Clientbibliothek für Benutzeroberflächenfunktionen, SharePoint-Framework (SPFx) und Microsoft Graph SDK | C#, TypeScript und JavaScript (einschließlich React) |
| Bots | Ein Chat-Bot, der sich mit Mitgliedern unterhält. | VS Code oder Visual Studio mit der Teams Toolkit-Erweiterung oder TeamsFx CLI , wenn Sie die CLI bevorzugen | TeamsFx SDK, Bot Framework SDK, Teams KI-Bibliothek und Microsoft Graph SDK | C#, TypeScript und JavaScript |
| Nachrichtenerweiterungen | Verknüpfungen zum Einfügen externer Inhalte in eine Unterhaltung oder zum Ausführen von Aktionen für Nachrichten. | VS Code oder Visual Studio mit der Teams Toolkit-Erweiterung oder TeamsFx CLI , wenn Sie die CLI bevorzugen | TeamsFx SDK, Bot Framework SDK, Teams KI-Bibliothek und Microsoft Graph SDK | C#, TypeScript und JavaScript |
Hinweis
- Besprechungen und Anrufe können eine Benutzererfahrung bieten, um Zusammenarbeit, Partnerschaft, informierte Kommunikation und geteiltes Feedback zu ermöglichen. Weitere Informationen finden Sie unter Apps für Teams-Besprechungen und -Anrufe.
- Sie können auch Sprachen wie Node.js, Java, Python und Webtechnologie wie HTML und CSS verwenden, um Ihre Teams-App zu erstellen.
Beispielszenario: Wenn Sie eine App für soziale Medien Dashboard erstellen möchten, die Benachrichtigungen mithilfe von TypeScript sendet, betrachten Sie das folgende Szenario:
Erkunden von SDKs
Sie können Ihre Teams-App auch mit verschiedenen SDKs erstellen und erstellen. Teams unterstützt alle in der folgenden Abbildung gezeigten SDKs, und Sie können SDKs basierend auf Ihren Anforderungen auswählen:
Tools erkunden
Die folgenden Tools auf der Teams-Plattform helfen Ihnen bei der App-Entwicklung:
| App-Entwicklungsphase | Teams-Plattformtools |
|---|---|
| Entwerfen | Teams UI Kit und Fluent UI React-Komponenten |
| Build | Teams Toolkit, Tools und SDKs und Microsoft Graph |
| Testen, Bereitstellen und Veröffentlichen | Microsoft Entra ID und Entwicklerportal |
| Verteilen | Partner Center und Teams Store |
Teams-App-Tutorials und Codebeispiele
Sie können Ihre eigene Microsoft Teams-App mit verschiedenen Funktionen erstellen, indem Sie die folgenden Tutorials und Codebeispiele verwenden.
Teams-App-Tutorials
Um mit dem Erstellen Ihrer Teams-App zu beginnen, verwenden Sie die folgenden Sprachen oder Frameworks, und bereiten Sie Ihre Entwicklungsumgebung vor.
Codebeispiele
Codebeispiele sollen Ihnen helfen, Ihre eigene Teams-App mit verschiedenen Funktionen und Szenarien zu verstehen und zu erstellen. Weitere Informationen zu den Codebeispielen finden Sie unter Microsoft Teams-Beispiele.
Siehe auch
Planen Ihrer App
Verstehen und Zuordnen Ihrer App-Anwendungsfälle zu Teams-Features.
Entwerfen Ihrer App
Entwerfen Sie Ihre App-Benutzeroberfläche mit dem Teams-Kit für Benutzeroberflächen.
Erstellen Sie Ihre Anwendung
Sie möchten sich für die App-Entwicklung inspirieren lassen? Durchsuchen Sie unsere Liste mit realen Szenarien und Branchenlösungen mit High-Fidelity-Konzeptmodellen, um die verschiedenen Möglichkeiten zu verstehen, wie eine Teams-App Ihren Benutzern helfen kann.
Erstrecken Ihrer App über Microsoft 365
Sie können Eine Vorschau Ihrer Teams-Apps, die in anderen microsoft 365-Umgebungen mit hoher Auslastung ausgeführt werden, mit der neuesten Teams JavaScript-Clientbibliothek anzeigen.
Testen eigener Apps
Nachdem Sie Ihre App in Teams integriert haben, müssen Sie ihre App testen, bevor Sie diese veröffentlichen.
Verteilen Ihrer App
Sie können Ihre Teams-App für eine Person, ein Team, eine Organisation oder jede Person zur Verfügung stellen, die sie nutzen möchte.
Monetarisieren Ihrer App
Teams Store bietet Optionen zur Monetarisierung von Apps, z. B. SaaS-Angebote und In-App-Käufe. Wählen Sie die beste Monetarisierungsoption aus, die für Ihre Teams-App geeignet ist.
Integration in Microsoft Teams
Kombinieren Sie die Features, die Benutzer an einer vorhandenen Web-App, einem Dienst oder system lieben, mit den Features für die Zusammenarbeit von Teams.
Selbst ein kleiner Code kann viel bewirken
Sie müssen kein erfahrener Programmierer sein, um eine großartige Teams-App zu erstellen. Probieren Sie eine von mehreren Low-Code-Lösungen aus.