Integration der Registerkarte "Geräteberechtigung" - Teams

Die Microsoft Teams-App, die Geräteberechtigungen erfordert, z. B. Standort-, Kamera- oder Mikrofonzugriff, erfordert jetzt, dass Benutzer die Berechtigung im Webbrowser manuell erteilen. Bisher hat der Browser das Erteilen von Zugriffsberechtigungen verarbeitet, aber jetzt werden diese Berechtigungen in Teams behandelt.

Diese Schritt-für-Schritt-Anleitung hilft Ihnen beim Erteilen von Registerkartengeräteberechtigungen in Teams. Die folgende Ausgabe wird angezeigt:

Screenshot: endgültige Ausgabe der Geräteberechtigung auf der Registerkarte erteilen

Voraussetzungen

8 Minuten verbleibend

Stellen Sie sicher, dass Sie die folgenden Tools installieren und Ihre Entwicklungsumgebung einrichten:

	Installieren	Zum Benutzen...
	Microsoft Teams	Microsoft Teams für die Zusammenarbeit mit allen Personen, mit denen Sie arbeiten, über Apps für Chats, Besprechungen und Anrufe an einem Ort.
	Microsoft 365-Entwicklerkonto	Zugriff auf das Teams-Konto mit den entsprechenden Berechtigungen zum Installieren einer App.
	Visual Studio 2022	Sie können die Unternehmensversion in Visual Studio 2022 und die Workloads ASP.NET und Webentwicklung installieren. Verwenden Sie die neueste Version.
	Node.js und npm	Back-End-JavaScript-Laufzeitumgebung. Weitere Informationen finden Sie unter Node.js Versionskompatibilitätstabelle für den Projekttyp.
	ngrok	Teams-App-Features (Konversationsbots, Nachrichtenerweiterungen und eingehende Webhooks) erfordern eingehende Verbindungen. Ein Tunnel verbindet Ihr Entwicklungssystem mit Teams. Dies ist nicht für Apps erforderlich, die nur Registerkarten enthalten. Dieses Paket wird im Projektverzeichnis installiert (mit npm `devDependencies`).

Hinweis

Nachdem Sie ngrok heruntergeladen haben, registrieren Sie sich, und installieren Sie authtoken.

Einrichten einer lokalen Umgebung

7 Minuten verbleibend

Öffnen Sie Microsoft Teams-Beispiele.
Wählen Sie Code aus. Wählen Sie im Dropdownmenü Mit GitHub Desktop öffnen aus.
Wählen Sie Klonen aus.

Einrichten des Tunnels für den lokalen Webserver

6 Minuten verbleibend

Verwenden Sie ngrok oder die Eingabeaufforderung, um einen Tunnel zu den öffentlich verfügbaren HTTPS-Endpunkten Ihres lokal ausgeführten Webservers zu erstellen. Führen Sie den folgenden Befehl in ngrok aus:

ngrok http --host-header=localhost 3000

Tipp

Wenn sie auf ERR_NGROK_4018 stoßen, führen Sie die in der Eingabeaufforderung angezeigten Schritte aus, um sich zu registrieren und ngrok zu authentifizieren. Führen Sie anschließend den Befehl ngrok http --host-header=localhost 3000 aus.

ngrok tunneling

Einrichten der Manifestdatei

5 Minuten verbleibend

Wechseln Sie zur manifest.json-Datei im geklonten Repository.
Öffnen Sie manifest.json Datei in Visual Studio, und nehmen Sie die folgenden Änderungen vor:
- Ersetzen Sie durch <<BASE_URI_DOMAIN>> Ihre ngrok-URL in websiteUrl, privacyUrl, termsOfUseUrlund contentUrl.
- Ersetzen Sie durch <<BASE_URI_DOMAIN>> Ihre ngrok-URL ohne https:// in validDomains.

Erstellen und Ausführen einer Client-App mithilfe von npm

4 Minuten verbleibend

Wechseln Sie in Ihrem geklonten Repository zur Registerkarte Beispiele>- device-permissions>nodejs.
Kopieren Sie den Ordnerpfad nodejs .
Öffnen Sie ein neues Eingabeaufforderungsfenster , und ändern Sie das aktuelle Verzeichnis in den kopierten nodejs-Pfad .
Führen Sie den folgenden Befehl in der Eingabeaufforderung aus , um Pakete und Abhängigkeiten herunterzuladen:
```
 npm install
```
Führen Sie den folgenden Befehl an der Eingabeaufforderung aus , um die App zu starten:
```
npm start
```
Die folgende Ausgabe wird im Browser angezeigt:

Hinzufügen von Registerkartengeräteberechtigungen zu Teams

3 Minuten verbleibend

Navigieren Sie in Ihrem geklonten Repository zur Registerkarte Beispiele>- device-permissions>nodejs>appPackage.
Erstellen Sie eine .zip-Datei mit den folgenden Dateien, die im Ordner appPackage vorhanden sind:
- manifest.json
- outline.png
- color.png
Wählen Sie im Teams-Client das Symbol Apps aus.
Wählen Sie Verwalten Ihrer Apps aus.
Wählen Sie App hochladen aus.
Suchen Sie nach der Option Hochladen einer benutzerdefinierten App. Wenn die Option angezeigt wird, ist der benutzerdefinierte App-Upload aktiviert.

Hinweis

Wenden Sie sich an Ihren Teams-Administrator, wenn Sie die Option zum Hochladen einer benutzerdefinierten App nicht finden.
Wählen Sie Öffnen aus, um die .zip Datei hochzuladen, die Sie im Ordner appPackage erstellt haben.
Klicken Sie auf Hinzufügen.
Wählen Sie die Registerkarte Geräteberechtigung aus, um die folgende Ausgabe anzuzeigen:

Testen eigener Apps

2 Minuten verbleibend

Nachdem Sie die App erfolgreich in Teams hochgeladen haben, müssen Sie die App testen, um sicherzustellen, dass die Registerkartengeräteberechtigungs-App dem Benutzer das Erteilen der Berechtigung ermöglicht.

Wählen Sie App-Berechtigungssymbol aus, um die App auf dem Desktop zu testen.

Das Fenster Registerkarte Geräteberechtigung wird angezeigt, um den Zugriff auf die Berechtigungsanforderungen zu ermöglichen.

Screenshot des Popupfensters für die Registerkarte

Abschließen der Herausforderung

1 Minuten verbleibend

Haben Sie sich so etwas einfallen lassen?

Screenshot des letzten Ausgabebildschirms für das Erteilen der Geräteberechtigung auf der Registerkarte

Herzlichen Glückwunsch!

100 % abgeschlossen!

Sie haben das Tutorial abgeschlossen und können nun registerkartengeräteberechtigungen in Teams erteilen.

Freigeben über

Erteilen der Geräteberechtigung auf der Registerkarte