72 lines
1.8 KiB
Markdown
72 lines
1.8 KiB
Markdown
# Consuming APIs secured with Azure Active Directory within SharePoint Framework
|
|
|
|
## Summary
|
|
|
|
This sub-folder contains a client-side project that is related to the tutorial available at the following URL: https://learn.microsoft.com/sharepoint/dev/spfx/use-aad-tutorial
|
|
|
|
![The UI of the sample application](./images/api-scopes.gif)
|
|
|
|
## Solution
|
|
|
|
| Solution | Author(s) |
|
|
| ------------- | ------------- |
|
|
| spfx-api-scopes-tutorial | Paolo Pialorsi (PiaSys.com - @PaoloPia) |
|
|
|
|
## Version history
|
|
|
|
| Version | Date | Comments |
|
|
| ------------- | ------------- | ------------- |
|
|
| 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 |
|
|
|
|
## 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:
|
|
|
|
```
|
|
git clone https://github.com/pnp/sp-dev-fx-webparts.git
|
|
```
|
|
|
|
Navigate to the cloned repo folder which should be the same as the repo name:
|
|
|
|
```
|
|
cd sp-dev-fx-webparts
|
|
```
|
|
|
|
Navigate to the `tutorials` folder:
|
|
|
|
```
|
|
cd tutorials
|
|
```
|
|
|
|
Navigate to the `specific web part` folder:
|
|
|
|
```
|
|
cd 'subfolder'
|
|
```
|
|
|
|
|
|
Now run the following command to install the npm packages:
|
|
|
|
```
|
|
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
|
|
```
|
|
|
|
## 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.**
|
|
|
|
----------
|
|
<img src="https://pnptelemetry.azurewebsites.net/sp-dev-fx-webparts/tutorials" />
|