Fluid Framework em Aplicações Incorporadas do SharePoint

Integre o Fluid Framework e o SharePoint Embedded para incorporar de forma totalmente integrada e eficiente a colaboração de documentos nas suas aplicações.

Histórico

O Fluid Framework é uma coleção de bibliotecas de cliente para distribuir, sincronizar e guardar dados partilhados. Estas bibliotecas permitem que vários clientes criem e operem simultaneamente em estruturas de dados partilhadas em tempo real. O Fluid Framework permite que os programadores utilizem as mesmas práticas com dados partilhados como com dados locais, por exemplo, um objeto Fluid funciona da mesma forma que um objeto TypeScript local.

Início rápido

Comece a criar no Diretório fluid sample apps. Primeiro, tem de criar uma aplicação Do SharePoint Embedded.

Introdução ao SharePoint Embedded

Experimente o SharePoint Embedded gratuitamente ao criar um tipo de contentor para fins de avaliação.

1. Configurar um inquilino de avaliação gratuita do Microsoft 365. Em alternativa, pode utilizar um inquilino existente se tiver credenciais de administrador.
2. Inicie sessão na Extensão de Visual Studio Code do SharePoint Embedded e siga os passos para criar uma aplicação e um tipo de contentor para fins de avaliação.

Pré-requisitos

Para começar a criar com o Fluid Framework, precisa de:

1. credenciais do Administração: precisa de credenciais administrativas para um inquilino do Microsoft 365.
2. Aplicação Do SharePoint Embedded: certifique-se de que regista a sua aplicação no Microsoft Entra ID. Se não tiver uma aplicação Do SharePoint Embedded, consulte a secção anterior.
3. ID da Aplicação (Cliente): obtenha o para a ClientID aplicação Do SharePoint Embedded.
4. Informações do Tipo de Contentor:
   • Identifique o ContainerTypeId associado ao tipo de contentor da sua aplicação.
5. Contentores:
   • Certifique-se de que tem , pelo menos , um contentor criado do mesmo tipo de contentor ligado à sua Aplicação Do SharePoint Embedded.

Introdução ao Fluid

Informações da Aplicação do Access

Precisa do da sua aplicação ClientID e dos ContainerTypeId associados aos contentores criados nessa aplicação.

O ClientID é essencial para adquirir os tokens de acesso corretos ao trabalhar com o Fluid Framework e documentos. O ContainerTypeId é necessário para aceder a contentores associados à sua aplicação Do SharePoint Embedded.

Se utilizou a Extensão Visual Studio Code, pode exportar o seu Ambiente do Postman para ver facilmente o seu ContainerTypeId e ClientID.

Caso contrário, pode aceder ao seu ContainerTypeId através do cmdlet do Get-SPOContainerType PowerShell. Está ClientID disponível no Microsoft Entra ID ao navegar paraAplicações de Registos> deAplicações> de Identidade>Todas as aplicações para ver a descrição geral da sua aplicação.

Executar aplicação de exemplo fluida: contador de itens

Agora, pode testar e começar a criar com o Contador de Itens de Aplicação de Exemplo de Fluido .

Passos:

1. Recolher as suas ClientID credenciais de administrador de inquilinos ContainerTypeId e da Aplicação Do SharePoint Embedded

2. Altere para o diretório onde pretende clonar o repositório Fluid Examples

3. Clone o repositório ao executar o comando : git clone https://github.com/microsoft/FluidExamples.git

4. Navegue para o diretório Contador de Itenscd .\FluidExamples\item-counter-spe\

5. Crie um ficheiro .env vazio e introduza o e ClientIDContainerTypeId sem espaços da seguinte forma:

   SPE_CLIENT_ID=YOUR_CLIENTID
   
   SPE_CONTAINER_TYPE_ID=YOUR_CONTAINERTYPE_ID
   

6. npm install

7. npm run dev

8. Quando o Webpack estiver concluído, aceda a https://localhost:8080

9. Inicie sessão com as credenciais do Administração do seu inquilino

10. Conceder o consentimento do administrador para a sua aplicação na janela de pop-up

11. Copie o URL completo para outro separador do browser ou envie-o para alguém que tenha credenciais para o mesmo inquilino. Podem ser credenciais de utilizador desde que estejam no mesmo inquilino. As alterações em direto ao Contador de Itens em ambos os browsers mostram que os dados são sincronizados entre clientes.

12. Parabéns pela execução da sua primeira Aplicação Fluida! Pode encontrar mais detalhes no Contador de Itens README.