92 lines
3.6 KiB
Markdown
92 lines
3.6 KiB
Markdown
---
|
||
page_type: sample
|
||
products:
|
||
- office-sp
|
||
- ms-graph
|
||
languages:
|
||
- javascript
|
||
- typescript
|
||
extensions:
|
||
contentType: samples
|
||
technologies:
|
||
- SharePoint Framework
|
||
- Microsoft Graph
|
||
services:
|
||
- SharePoint
|
||
platforms:
|
||
- react
|
||
createdDate: 8/1/2017 12:00:00 AM
|
||
---
|
||
# Exemplos de API do Gerenciador de convite do Azure Active Directory
|
||
|
||
## Resumo
|
||
|
||
Exemplo de Web Parts da Estrutura do SharePoint compiladas usando React, ilustrando a possibilidade de usar a API do Graph para convidar usuários externos para o Azure Active Directory.
|
||
|
||
### Gerenciador de convites
|
||
|
||
Exemplo de Web Part de cliente do SharePoint Framework criado usando reagir mostrando como convidar o usuário externo usando o Microsoft Graph.
|
||
|
||
NB. Estou aguardando o lançamento do HttpGraphClient (um bit limitado em termos de permissão) para usá-lo neste cenário.
|
||
Dê uma olhada detalhada:
|
||
* [HttpGraphClient](https://docs.microsoft.com/sharepoint/dev/spfx/web-parts/guidance/call-microsoft-graph-from-your-web-part)
|
||
|
||
![Web Part do Gerenciador de convites exibida no Workbench do SharePoint](./assets/SPFx-Invitation-Manager.gif)
|
||
|
||
## Versão do SharePoint Framework usada
|
||
![drop](https://img.shields.io/badge/drop-1.3.0-green.svg)
|
||
|
||
## Aplicável a
|
||
|
||
* [Estrutura do SharePoint](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
|
||
* [Locatário de desenvolvedor do Office 365](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
|
||
|
||
## Solução
|
||
|
||
Solução | Autor (s)
|
||
--------|---------
|
||
reagir – Gerenciador de convite | Giuliano de Luca ([@giuleon](https://twitter.com/giuleon), [www.delucagiuliano.com](http://www.delucagiuliano.com))
|
||
|
||
## Histórico de versão
|
||
|
||
Versão | Data | Comentários
|
||
-------|----|--------
|
||
1.0.0 | 14 de julho de 2017 | Versão inicial do
|
||
1.0.1 | 9 de outubro de 2017 | Atualizado para a versão 1.3.0
|
||
|
||
## Aviso de isenção de responsabilidade
|
||
**ESSE CÓDIGO É FORNECIDO *EM* GARANTIA DE QUALQUER TIPO, SEJA EXPRESSA OU IMPLÍCITA, INCLUINDO QUAISQUER GARANTIAS IMPLÍCITAS DE ADEQUAÇÃO A UMA FINALIDADE ESPECÍFICA, COMERCIABILIDADE OU NÃO VIOLAÇÃO.**
|
||
|
||
---
|
||
|
||
## Pré-requisitos
|
||
|
||
- Assinatura do Office 365 com o SharePoint Online e o Exchange
|
||
|
||
## Caminho mínimo para impressionante
|
||
|
||
- Clone este repositório.
|
||
- no Azure Active Directory correspondente ao seu locatário do Office 365, registre um novo aplicativo Web:
|
||
- como o **URL de logon** insira a URL da versão hospedada do SharePoint Workbench, por exemplo, *https://contoso.sharepoint.com/\_layouts/15/workbench.aspx*
|
||
- habilitar o fluxo implícito OAuth
|
||
- conceder ao aplicativo a permissão**de dados do Microsoft Graph/leitura e gravação do diretório**
|
||
- copie a ID do aplicativo.
|
||
- no arquivo **src/WebParts/convitemanager/AdalConfig. TS**, na propriedade **clientId** insira a ID de aplicativo registrada no Azure
|
||
- na linha de comando, execute:
|
||
- `npm i`
|
||
- `gulp serve --nobrowser`
|
||
- Navegue até a versão hospedada do Workbench do SharePoint
|
||
- Adicionar a Web Part **Gerenciador de convites**
|
||
|
||
## Recursos
|
||
|
||
A web part de exemplo nesta solução ilustra os seguintes conceitos sobre a estrutura do SharePoint:
|
||
|
||
- usando reagir à criação de web parts do lado do cliente do SharePoint Framework
|
||
- usando o Office UI Fabric React estilos para criar uma experiência de usuário consistente com o SharePoint e o Office
|
||
- autenticação sob demanda com o Azure Active Directory usando a biblioteca ADAL JS
|
||
- comunicar-se com o Microsoft Graph usando sua API REST
|
||
- usar a biblioteca do JS do ADAL com web parts do SharePoint Framework construída usando o React
|
||
|
||
![](https://m365-visitor-stats.azurewebsites.net/sp-dev-fx-webparts/samples/react-invitation-manager)
|