É possível exibir arquivos power point de um usuário em uma aplicação react?

Question

Ola pessoal, tudo bem?

Faço parte de um time de desenvolvimento. Nós queremos adicionar a feature de um visualizador de power point em nossa aplicação react. É possível por meio de api ter as permissões necessárias para mostrar um power point em uma aplicação externa assim como é possível com o powerBI por exemplo.

Answer 1

Bem-vindo à comunidade Microsoft Q&A

Sim, é possível integrar um visualizador de PowerPoint em sua aplicação React utilizando a Microsoft Graph API. Com essa API, você pode acessar e manipular apresentações armazenadas no OneDrive ou SharePoint, renderizando slides como imagens ou HTML.

Passos principais:

1. Registrar a aplicação no Azure AD para obter permissões OAuth.
2. Utilizar os endpoints do Microsoft Graph, como /me/drive/items/{item-id}, para acessar ou converter slides.
3. Renderizar os dados no front-end com bibliotecas como React.

Alternativamente, para apresentações públicas, use a integração com o PowerPoint Online via iframe:

<iframe src="https://view.officeapps.live.com/op/embed.aspx?src=URL_APRESENTAÇÃO" width="100%" height="600px" />

Answer 2

Sim, se a API retorna os dados contendo a chave "weburl", você pode usá-la para renderizar os links ou acessar os recursos no front-end. O fluxo básico seria:

Fazer a requisição à API (usando fetch no JavaScript, por exemplo):

fetch('URL_DA_API')
  .then(response => response.json())
  .then(data => {
    console.log(data.weburl); // Exibir ou usar a URL
  })
  .catch(error => console.error('Erro ao buscar dados:', error));

Usar a chave "weburl" para exibir no HTML, como um link:

<a href="DADOS_DA_API.weburl" target="_blank">Acessar</a>