Criar o Agile Poker com o SDK Live Share

O SDK Live Share permite-lhe criar aplicações colaborativas e descobrir mais formas de colaborar e ligar através do Teams. Pode criar aplicações para partilhar conteúdos como ver filmes, jogar jogos ao vivo, etc., em chamadas um-a-um do Teams, chamadas de grupo, agendar reuniões e reunir agora.

Este guia passo a passo ajuda-o a criar uma aplicação de exemplo do Poker Ágil com o SDK Live Share. Verá o seguinte resultado:

Pré-requisitos

• 5 minutos restantes

Instale as seguintes ferramentas e configure o seu ambiente de desenvolvimento:

Criar e executar a aplicação de exemplo Agile Poker

• 4 minutos restantes

1. Aceda à aplicação de exemplo Agile Poker .

2. Clone o repositório SDK do Live Share para testar o aplicativo de exemplo:

     git clone https://github.com/microsoft/live-share-sdk.git
   
   

3. Abra uma janela de terminal.

4. Execute o seguinte comando para aceder à pasta da aplicação de exemplo Do Poker Ágil:

   cd live-share-sdk\samples\javascript\22.react-agile-poker
   

5. Execute o seguinte comando para instalar o pacote de dependência:

   npm install
   

6. Execute o seguinte comando para iniciar o cliente e o servidor local:

   npm run start
   

   Um novo separador do browser abre uma http://localhost:3000 janela e é apresentado o jogo Agile Poker.

   

7. Abra uma nova janela de terminal ngrok para criar um túnel e implementar a sua aplicação localmente.

8. Execute o seguinte comando para criar um túnel. A aplicação de exemplo utiliza a porta 3000:

   ngrok http 3000--host-header=localhost
   

   O túnel ngrok é criado.

   

Configurar o ficheiro de manifesto e carregar a sua aplicação

• 3 minutos restantes

Tem de configurar o ficheiro de manifesto e carregar o pacote de manifest.zip para o Teams.

1. Abra o ficheiro manifest.json e atualize as seguintes informações.

   • Defina "ID" como ID da Aplicação Microsoft.
   • Substitua todas as ocorrências de pelo nome de <<BASE_URI_DOMAIN>> domínio ngrok ou devtunnel completamente qualificado.

   

2. Crie um ficheiro .zip com os seguintes ficheiros que estão presentes na pasta Manifesto :

   • manifest.json
   • outline.png
   • color.png

3. Crie uma reunião no Teams com alguns apresentadores e participantes.

4. Ingresse na reunião.

5. Após o início da reunião, selecione Aplicações.

6. Na janela de pop-up, selecione Gerir aplicações.

   

7. Selecione Carregar uma aplicação.

8. Selecione o ficheiro .zip que criou na pasta Manifesto e selecione Abrir.

9. Selecione Adicionar.

   

10. Volte à página de detalhes da reunião e selecione AplicaçõesAplicação>de Poker Ágil .

    

11. Selecione Salvar.

    

    A aplicação Agile Poker é adicionada ao painel do lado da reunião do Teams.

    

Testar seu aplicativo

• 2 minutos restantes

Selecione uma história de utilizador a partir de Histórias de Utilizador no painel do lado da reunião e, em seguida, selecione Planear em conjunto.

O Teams inicia uma sincronização em direto com os utilizadores na reunião.

Desafio completo

• 1 minutos restantes

Encontrou algo assim?

Parabéns!

• 100% concluído!

Concluiu o tutorial para criar aplicações de colaboração para o Microsoft Teams com o SDK Live Share.