sp-dev-fx-webparts/samples/angular-msgraph/README-Localized/README-fr-fr.md

98 lines
3.2 KiB
Markdown
Raw Normal View History

2020-04-27 09:33:54 -04:00
---
page_type: sample
products:
- office-sp
- ms-graph
languages:
- javascript
- typescript
extensions:
contentType: samples
technologies:
- SharePoint Framework
- Microsoft Graph
services:
- SharePoint
platforms:
- AngularJS
createdDate: 2/16/2017 12:00:00 AM
---
2021-04-26 02:08:59 -04:00
Composant graphique Web Part Angular MS Graph créé avec Angular v1.x
2020-04-27 09:33:54 -04:00
## Résumé
2021-04-26 02:08:59 -04:00
Il sagit dun exemple de composant Web Part Angular MS Graph qui se connecte à Microsoft Graph et extrait des informations SharePoint de votre client.
2020-04-27 09:33:54 -04:00
Il extrait tout dabord la collection de sites racine (actuellement limitée par Microsoft Graph),
puis affiche toutes les listes associées au site, suivies de tous les éléments dans la liste.
![Premier écran](./assets/Connect.png)
![Connecté](./assets/Connected.png)
![Collection de sites racine](./assets/Root.png)
![Listes dans le site racine](./assets/Lists.png)
![Éléments de liste dannonces](./assets/Items.png)
> Remarque : Je n'ai actuellement que des modèles développés pour la liste des annonces. Toutes les autres listes génèrent actuellement des erreurs.
## Version SharePoint Framework utilisée
![drop](https://img.shields.io/badge/drop-ga-green.svg)
## Sapplique à
* [Version préliminaire pour développeurs de SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
* [Client de développeur Office 365](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
2020-04-27 09:33:54 -04:00
## Solution
Solution|Auteur (s)
--------|---------
angular-MSGraph|David Hartman ([Slalom](https://slalom.com))
## Historique des versions
Version|Date|Commentaires
-------|----|--------
2,0 | 19 avril 2017|GA version
1.0|6 février 2017|Publication initiale
## Clause dexclusion
**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.**
---
## Bliss de configuration
- clonez ce référentiel.
- dans la ligne de commande, exécutez :
- `npm i typings -g`
- `npm i`
- `gulp serve
## Inscription de lapplication
1. Connectez-vous au [portail dinscription des applications](https://apps.dev.microsoft.com/) en utilisant votre compte personnel, professionnel ou scolaire.
2. Choisissez **Ajouter une application**.
3. Entrez un nom pour lapplication, puis choisissez **Créer une application**.
La page dinscription saffiche, répertoriant les propriétés de votre application.
4. Copiez lID de lapplication. Il sagit de lidentificateur unique de votre application.
5. Sous **Plateformes**, choisissez **Ajouter une plateforme**.
6. Choisissez **Web**.
7. Assurez-vous que la case **Autoriser le flux implicite** est cochée, puis entrez *http://{Location of SP Workbench}* comme URI de redirection.
8. Sélectionnez **Enregistrer**.
## Configuration de lapplication
1. Remplacez les valeurs despace réservé **aad**et **redirect_uri** par lID dapplication et
redirigez lURL de votre application Azure inscrit dans le fichier GraphHelper.ts sous src-> angularMsGraph-> GraphHelper.ts
2021-12-20 10:27:27 -05:00
<img src="https://pnptelemetry.azurewebsites.net/sp-dev-fx-webparts/samples/angular-msgraph" />