Redigera

Realtidssamarbete med Azure och Microsoft 365

Microsoft Entra ID
Microsoft Graph
Azure App Service
Microsoft 365

Lösningsidéer

Den här artikeln är en lösningsidé. Om du vill att vi ska utöka innehållet med mer information, till exempel potentiella användningsfall, alternativa tjänster, implementeringsöverväganden eller prisvägledning, kan du meddela oss genom att ge GitHub-feedback.

Den här lösningen visar hur du kan använda bibliotek och Azure-tjänster för att uppfylla anpassade samarbetskrav. Förutom samarbete i realtid stöder den här lösningen användarnärvarostatus. Användare kan samarbeta i den anpassade appen för att samla in idéer, se när nya idéer läggs till, ändras eller tas bort i realtid och undvika datakonflikter under samarbetssessioner.

Arkitektur

Diagram that shows an architecture for real-time collaboration.

Ladda ned en PowerPoint-fil med den här arkitekturen.

Dataflöde

  • Ett program använder inloggningskomponenten i Microsoft Graph Toolkit för att göra det möjligt för en användare att logga in. Inloggningskomponenten använder MSAL-providern för att verifiera användarens autentiseringsuppgifter mot Microsoft Entra-ID.
  • När användaren har loggat in använder klientwebbappen Fluid Framework för att ansluta till Fluid Relay och skapar en samarbetssession.
  • Fler användare loggar in och deltar i samarbetssessionen. Fluid Framework sammanfogar de data som skickas och tas emot i varje klient för att säkerställa att de synkroniseras för alla användare. Algoritmen för sändning av total order och eventuell konsekvens används för att säkerställa den här synkroniseringen.
  • När användarna fortsätter att samarbeta lagrar Fluid Relay automatiskt samarbetsdata.
  • När nya användare ansluter till samarbetssessionen hämtar varje användares klient tidigare lagrade data och ser till att användaren synkroniseras med andra användare i sessionen.

Komponenter

  • Fluid Framework är en samling klientbibliotek för att distribuera och synkronisera delat tillstånd. Med de här biblioteken kan flera klienter samtidigt skapa och arbeta med delade datastrukturer med hjälp av kodningsmönster som liknar dem som används för att arbeta med lokala data.
  • Fluid Relay är en hanterad tjänst i Fluid Framework. Det hjälper utvecklare att skapa samarbetsupplevelser i realtid och replikera tillstånd över anslutna JavaScript-klienter i realtid.
  • Microsoft Entra ID är microsofts molnbaserade identitets- och åtkomsthanteringstjänst som hjälper dina anställda att logga in och komma åt resurser.
  • Microsoft Graph Toolkit är en samling återanvändbara, ramverksoberoende komponenter och autentiseringsproviders för att komma åt och arbeta med Microsoft Graph.
  • Azure Static Web Apps är en tjänst som automatiskt skapar och distribuerar webbappar med full stack till Azure från en kodlagringsplats.

Information om scenario

Samarbete är avgörande för affärseffektivitet och produktivitet. Verktyg som Microsoft Teams är ett bra sätt att samarbeta via chatt, ljud och video. Word, Excel och PowerPoint online gör det enkelt att samarbeta om olika typer av dokument och kalkylblad med kollegor och kunder runt om i världen.

Du kan använda Azure-tjänster för att lägga till samarbetsfunktioner i realtid i anpassade program precis som med färdiga lösningar. Den här lösningen visar hur du kan använda bibliotek och Azure-tjänster för att uppfylla anpassade samarbetskrav. Förutom samarbete i realtid stöder den här lösningen användarnärvarostatus. Användare kan samarbeta i den anpassade appen för att samla in idéer, se när nya idéer läggs till, ändras eller tas bort i realtid och undvika datakonflikter under samarbetssessioner.

För att uppfylla dessa krav använder lösningen Fluid Framework och Azure Fluid Relay. Den autentiserar användare mot Microsoft Entra-ID med hjälp av inloggningskomponenten för Microsoft Graph Toolkit och MSAL-providern (Microsoft Authentication Library).

Potentiella användningsfall

Den här lösningen gäller företag som skapar anpassade programlösningar som kräver:

  • Säker programåtkomst.
  • Datasamarbete i realtid mellan flera användare.
  • Inbyggda funktioner för lagring av samarbetsdata.

Distribuera det här scenariot

Hämta ett kodexempel som visar det här scenariot.

Deltagare

Den här artikeln underhålls av Microsoft. Det har ursprungligen skrivits av följande medarbetare.

Huvudförfattare:

Nästa steg

Mer information om de tekniker som används i den här lösningen finns i följande artiklar: