Delen via

Bestandsdeling inschakelen met behulp van de UI-bibliotheek in de Teams-interoperabiliteitschat

In een Teams Interoperability Chat of Interop Chat kunnen we het delen van bestanden tussen eindgebruikers van Azure Communication Services en Teams-gebruikers inschakelen. Interop Chat verschilt van de Azure Communication Services-chat. Als u het delen van bestanden in een Azure Communication Services-chat wilt inschakelen, raadpleegt u Delen van bestanden toevoegen met ui-bibliotheek in Azure Communication Services Chat. Op dit moment kan de eindgebruiker van Azure Communication Services alleen bestandsbijlagen ontvangen van de Teams-gebruiker. Zie Use Cases voor ui-bibliotheken voor meer informatie.

Belangrijk

De functie voor het delen van bestanden wordt geleverd met de CallWithChat Composite zonder toegevoegde installatie.

Download de code

Toegang tot de code voor deze tutorial via UI-bibliotheekvoorbeeld - Bestandsdeling met behulp van de Teams Interop vergaderchat van UI Library.

Prerequisites

Background

Teams Interop Chat moet deel uitmaken van een bestaande Teams-vergadering. Wanneer een Teams-gebruiker een online vergadering aanmaakt, wordt er een chatthread aangemaakt en gekoppeld aan de vergadering. Als u wilt dat de eindgebruiker van Azure Communication Services deelneemt aan de chat en berichten begint te verzenden/ontvangen, moet een deelnemer aan de vergadering (een Teams-gebruiker) deze eerst aan het gesprek toelaten. Anders hebben ze geen toegang tot de chat.

Zodra de eindgebruiker van Azure Communication Services is toegelaten tot het gesprek, kan deze beginnen met chatten met andere deelnemers aan het gesprek. In dit artikel wordt beschreven hoe inline delen van afbeeldingen werkt in Teams Interop-chat.

Overview

Net zoals u ondersteuning voor inline-afbeeldingen toevoegt aan de UI-bibliotheek, moet u een CallWithChat Composite maken.

Zie de tutorial over CallWithChatComposite om een ChatWithChatComposite te maken.

From the sample code, it needs CallWithChatExampleProps, which is defined as the following code snippet:

export type CallWithChatExampleProps = {
  // Props needed for the construction of the CallWithChatAdapter
  userId: CommunicationUserIdentifier;
  token: string;
  displayName: string;
  endpointUrl: string;
  locator: TeamsMeetingLinkLocator | TeamsMeetingIdLocator | CallAndChatLocator;

  // Props to customize the CallWithChatComposite experience
  fluentTheme?: PartialTheme | Theme;
  compositeOptions?: CallWithChatCompositeOptions;
  callInvitationURL?: string;
};

Om het chatvenster voor de vergadering te kunnen starten, moeten we TeamsMeetingLinkLocator of TeamsMeetingIdLocator doorgeven, dat er zo uitziet:

{ "meetingLink": "<TEAMS_MEETING_LINK>" }

Or

{ "meetingId": "<TEAMS_MEETING_ID>", "passcode": "<TEAMS_MEETING_PASSCODE>"}

Dat is het! U hebt geen andere instellingen nodig om de eindgebruiker van Azure Communication Services in staat te stellen bestandsbijlagen van de Teams-gebruiker te ontvangen.

Machtigingen

Wanneer een bestand wordt gedeeld vanuit een Teams-client, heeft de Teams-gebruiker opties om de bestandsmachtigingen in te stellen als:

  • Iemand
  • "Mensen in uw organisatie"
  • Mensen die momenteel in deze chat zitten.
  • "People with existing access"
  • Mensen die je kiest

Specifiek ondersteunt de UI-bibliotheek momenteel alleen "Iedereen" en "Mensen die u kiest" (met e-mailadres) en alle andere machtigingen worden niet ondersteund. Als teams-gebruikers een bestand met niet-ondersteunde machtigingen hebben verzonden, wordt de eindgebruiker van Azure Communication Services mogelijk gevraagd zich aan te melden of de toegang te weigeren wanneer hij op de bestandsbijlage in de chatthread klikt.

Schermafbeelding van een Teams-client met een lijst van bestandsmachtigingen.

Bovendien kan de tenantbeheerder van Teams-gebruikers beperkingen opleggen voor het delen van bestanden, waaronder het uitschakelen van bepaalde bestandsmachtigingen of het uitschakelen van de optie voor het delen van bestanden.

Voer de code uit

Wanneer u de app npm run start uitvoert, krijgt u toegang tot onze voorbeeld-app via localhost:3000 zoals weergegeven in de volgende schermopname.

Schermafbeelding van een Azure Communication Services UI-bibliotheek.

Klik op de chatknop onderaan om het chatvenster weer te geven. Als een Teams-gebruiker een aantal bestanden verzendt, ziet u ongeveer de volgende schermopname:

Schermafbeelding van een Teams-client die één bestand verzendt.

Schermafbeelding van de Azure Communication Services UI-bibliotheek die één bestand ontvangt.

En als de gebruiker nu op de bestandsbijlagekaart klikt, wordt er een nieuw tabblad geopend, zoals in de volgende schermopname waarin de gebruiker het bestand kan downloaden:

Schermafbeelding van de Sharepoint-webpagina die de inhoud van het bestand toont.

Volgende stappen

Check the rest of the UI Library