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://dev.office.com/sharepoint/docs/spfx/web-parts/guidance/call-microsoft-graph-from-your-web-part)
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
## Versão do SharePoint Framework usada
|
|||
|
|
|
|||
|
|
|
|||
|
|
## Aplicável a
|
|||
|
|
|
|||
|
|
* [Estrutura do SharePoint](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
|||
|
|
* [Locatário de desenvolvedor do Office 365](http://dev.office.com/sharepoint/docs/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
|
|||
|
|
|
|||
|
|
|