92 lines
3.8 KiB
Markdown
92 lines
3.8 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
|
|||
|
|
---
|
|||
|
|
# Exemples d’API Graph de gestionnaire d’invitation Azure Active Directory
|
|||
|
|
|
|||
|
|
## Résumé
|
|||
|
|
|
|||
|
|
Exemple de composant WebPart SharePoint Framework créé à l’aide de React et montrant comment utiliser l’API Graph pour inviter des utilisateurs externes dans Azure Active Directory.
|
|||
|
|
|
|||
|
|
### Gestionnaire d’invitation
|
|||
|
|
|
|||
|
|
Exemple de composant WebPart SharePoint Framework côté client créé à l’aide de la fonction React montrant comment inviter l’utilisateur externe à l’aide de Microsoft Graph.
|
|||
|
|
|
|||
|
|
NB. J’attend la GA de HttpGraphClient (un bit limité en termes d’autorisation) pour l’utiliser dans ce scénario.
|
|||
|
|
Regardez ceci pour aller plus loin :
|
|||
|
|
* [HttpGraphClient](https://dev.office.com/sharepoint/docs/spfx/web-parts/guidance/call-microsoft-graph-from-your-web-part)
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
## Version SharePoint Framework utilisée
|
|||
|
|
|
|||
|
|
|
|||
|
|
## S’applique à
|
|||
|
|
|
|||
|
|
* [SharePoint Framework](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)
|
|||
|
|
* [Client de développeur Office 365](http://dev.office.com/sharepoint/docs/spfx/set-up-your-developer-tenant)
|
|||
|
|
|
|||
|
|
## Solution
|
|||
|
|
|
|||
|
|
Solution|Auteur (s)
|
|||
|
|
--------|---------
|
|||
|
|
react-invitation-gestionnaire|Giuliano De Luca ([@giuleon](https://twitter.com/giuleon), [www.delucagiuliano.com](http://www.delucagiuliano.com))
|
|||
|
|
|
|||
|
|
## Historique des versions
|
|||
|
|
|
|||
|
|
Version|Date|Commentaires
|
|||
|
|
-------|----|--------
|
|||
|
|
1.0.0 |14 juillet 2017|Version initiale
|
|||
|
|
1.0.1|09 octobre 2017|Mise à jour vers la version 1.3.0
|
|||
|
|
|
|||
|
|
## Clause d’exclusion
|
|||
|
|
**CE CODE EST FOURNI *EN L’ÉTAT*, SANS GARANTIE D'AUCUNE SORTE, EXPRESSE OU IMPLICITE, Y COMPRIS TOUTE GARANTIE IMPLICITE D'ADAPTATION À UN USAGE PARTICULIER, DE QUALITÉ MARCHANDE ET DE NON-CONTREFAÇON.**
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## Conditions préalables
|
|||
|
|
|
|||
|
|
- Abonnement à Office 365 avec SharePoint Online et Exchange
|
|||
|
|
|
|||
|
|
## Chemin d’accès minimal à extraordinaire
|
|||
|
|
|
|||
|
|
- clonez ce référentiel.
|
|||
|
|
- dans Azure Active Directory correspondant à votre locataire Office 365, enregistrez une nouvelle application web :
|
|||
|
|
- comme l’**URL de connexion** entrez l’URL de la version hébergée de SharePoint Workbench (par exemple,). *https://contoso.sharepoint.com/\_layouts/15/workbench.aspx*
|
|||
|
|
- activer le flux implicite OAuth
|
|||
|
|
- octroyer à l’application l’autorisation **Microsoft Graph/lire et écrire des données d’annuaire**
|
|||
|
|
- copiez l’ID de l’application.
|
|||
|
|
- dans le fichier **SRC/WebParts/invitationManager/AdalConfig. TS** dans la propriété **clientId** entrer l’ID d’application enregistré dans Azure
|
|||
|
|
- dans la ligne de commande, exécuter
|
|||
|
|
- `npm i`
|
|||
|
|
- `gulp serve --nobrowser`
|
|||
|
|
- accéder à la version hébergée de SharePoint Workbench
|
|||
|
|
- Ajouter le composant WebPart **gestionnaire d’invitation**
|
|||
|
|
|
|||
|
|
## Fonctionnalités
|
|||
|
|
|
|||
|
|
L’exemple de composant WebPart dans cette solution illustre les concepts suivants au-dessus de SharePoint Framework :
|
|||
|
|
|
|||
|
|
- utilisation de la fonction React pour créer des composants WebPart côté client dans SharePoint Framework
|
|||
|
|
- utilisation des styles Office UI Fabric React pour créer une expérience utilisateur cohérente avec SharePoint et Office
|
|||
|
|
- authentification à la demande avec Azure Active Directory à l’aide de la bibliothèque ADAL JS
|
|||
|
|
- communication avec Microsoft Graph à l’aide de l’API REST
|
|||
|
|
- utilisation de la bibliothèque ADAL JS avec les composants WebPart SharePoint Framework créés à l’aide de la fonction React
|
|||
|
|
|
|||
|
|
|