Läs på engelska

Dela via


Aktivera fildelning med UI Library i Teams Interoperability Chat

I en Teams Interoperability Chat eller Interop Chat kan vi aktivera fildelning mellan Azure Communication Services-slutanvändare och Teams-användare. Interop Chat skiljer sig från Azure Communication Services Chat. Om du vill aktivera fildelning i en Azure Communication Services-chatt läser du Lägga till fildelning med UI-bibliotek i Azure Communication Services Chat. För närvarande kan slutanvändaren av Azure Communication Services endast ta emot bifogade filer från Teams-användaren. Mer information finns i Användningsfall för användargränssnittsbibliotek.

Viktigt

Fildelningsfunktionen levereras med CallWithChat Composite utan någon tillagd installation.

Ladda ner kod

Få åtkomst till koden för den här självstudien i exempel på användargränssnittsbibliotek – Fildelning med hjälp av UI Library Teams Interop-möteschatt.

Prerequisites

Background

Teams Interop Chat måste ingå i ett befintligt Teams-möte. När Teams-användaren skapar ett onlinemöte skapas en chatttråd och associeras med mötet. För att göra det möjligt för Azure Communication Services-slutanvändaren att ansluta till chatten och börja skicka/ta emot meddelanden måste en mötesdeltagare (en Teams-användare) först ta emot dem till samtalet. Annars har de inte tillgång till chatten.

När Azure Communication Services-slutanvändaren har antagits till samtalet kan de börja chatta med andra deltagare i samtalet. Den här artikeln beskriver hur infogad bilddelning fungerar i Teams Interop-chatt.

Overview

På samma sätt som du lägger till stöd för infogad bild i användargränssnittsbiblioteket måste du skapa en CallWithChat sammansatt bild.

Information om hur du skapar en ChatWithChat Composite finns i Självstudiekurs om CallWithChatComposite.

Från exempelkoden behövs CallWithChatExampleProps, vilket definieras som följande kodavsnitt:

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;
};

För att kunna starta Komposit för möteschatt måste vi skicka TeamsMeetingLinkLocator eller TeamsMeetingIdLocator, vilket ser ut så här:

{ "meetingLink": "<TEAMS_MEETING_LINK>" }

Or

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

Det var allt! Du behöver ingen annan konfiguration för att göra det möjligt för Azure Communication Services-slutanvändaren att ta emot filbilagor från Teams-användaren!

Behörigheter

När en fil delas från en Teams-klient, har Teams-användaren alternativ för att ställa in filbehörigheterna att vara:

  • Någon
  • "Människor i din organisation"
  • Personer som för närvarande är i den här chatten
  • Personer med befintlig åtkomst
  • Personer du väljer

Specifikt stöder UI-biblioteket för närvarande endast "Vem som helst" och "Personer du väljer" (med e-postadress) och alla andra behörigheter stöds inte. Om Teams-användaren skickade en fil med behörigheter som inte stöds kan slutanvändaren i Azure Communication Services uppmanas att logga in eller nekas åtkomst när de klickar på den bifogade filen i chatttråden.

Skärmdump av en Teams-klient som visar filbehörigheter.

Dessutom kan administratören för Teams-användarens klientorganisation införa begränsningar för fildelning, inklusive att inaktivera vissa filbehörigheter eller inaktivera fildelningsalternativet tillsammans.

Kör koden

När du kör npm run startkan du komma åt vår exempelapp via localhost:3000 enligt följande skärmbild:

Skärmbild av ett Azure Communication Services UI-bibliotek.

Klicka på chattknappen längst ned för att visa chattpanelen. Om en Teams-användare skickar några filer bör du se något som liknar följande skärmbild:

Skärmdump av en Teams-klient som skickar en fil.

Skärmdump av Azure Communication Services UI-bibliotek som tar emot en fil.

Och nu om användaren klickar på kortet för filbilagor öppnas en ny flik som följande skärmbild där användaren kan ladda ned filen:

Skärmdump av Sharepoint-webbsida som visar filinnehållet.

Nästa steg