2018-02-19 06:47:36 -05:00
# Consuming APIs secured with Azure Active Directory within SharePoint Framework
2018-02-17 10:19:58 -05:00
2018-02-19 06:47:36 -05:00
## Summary
2018-02-17 10:19:58 -05:00
2020-04-30 01:23:51 -04:00
This sub-folder contains a client-side project that is related to the tutorial available at the following URL: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/use-aad-tutorial
2018-02-19 06:47:36 -05:00
2018-05-16 12:26:51 -04:00
![The UI of the sample application ](./images/api-scopes.gif )
2018-02-19 06:47:36 -05:00
## Solution
| Solution | Author(s) |
| ------------- | ------------- |
| spfx-api-scopes-tutorial | Paolo Pialorsi (PiaSys.com - @PaoloPia ) |
## Version history
| Version | Date | Comments |
| ------------- | ------------- | ------------- |
2020-04-30 01:23:51 -04:00
| 1.0.0 | April 29th, 2020 | Updated sample to SPFx v1.10.0 |
| 1.0.0 | August 28th, 2018 | Updated sample to SPFx v1.6.0 |
| 1.0.0 | February 18th, 2018 | Initial release |
2018-02-19 06:47:36 -05:00
## Build and run the tutorials
To build and run this client-side project, you will need to clone and build the tutorials project.
Clone this repo by executing the following command in your console:
```
2021-05-02 15:04:59 -04:00
git clone https://github.com/pnp/sp-dev-fx-webparts.git
2018-02-19 06:47:36 -05:00
```
Navigate to the cloned repo folder which should be the same as the repo name:
2018-02-17 10:19:58 -05:00
```
2018-02-19 06:47:36 -05:00
cd sp-dev-fx-webparts
```
Navigate to the `tutorials` folder:
```
cd tutorials
```
Navigate to the `specific web part` folder:
2018-02-17 10:19:58 -05:00
2018-02-19 06:47:36 -05:00
```
cd 'subfolder'
```
2018-02-17 10:19:58 -05:00
2018-02-19 06:47:36 -05:00
Now run the following command to install the npm packages:
2018-02-17 10:19:58 -05:00
2018-02-19 06:47:36 -05:00
```
npm install
```
This will install the required npm packages and depedencies to build and run the client-side project.
Once the npm packages are installed, run the command to preview your web parts in SharePoint Workbench:
```
gulp serve
```
2021-11-07 01:41:41 -05:00
## Disclaimer
**THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
----------
2021-12-20 10:25:30 -05:00
< img src = "https://pnptelemetry.azurewebsites.net/sp-dev-fx-webparts/tutorials" / >