A React frontend to the CIPP-API
Requirements:
- VSCode
- Azure Functions Extension
- Git
- Node.js LTS
- MSSQL Express
- .Net Core 2.1 SDK
- .Net Core 3.1 SDK
- .Net 5 SDK
- Azure Storage Emulator
Install Azure Static Web Apps CLI
npm install -g @azure/static-web-apps-cli
Install Azure Functions Core Tools
npm install -g azure-functions-core-tools@3 --unsafe-perm true
Start the Azure Storage Emulator
git clone https://github.com/redanthrax/CIPP-API.git
The cipp-admin repo and the CIPP-API repo are expected to be next to eachother.
- source_dir
- CIPP-API
- cipp-admin
git clone https://github.com/redanthrax/cipp-admin.git
cd into the cipp-admin directory
npm install --legacy-peer-deps
Open the CIPP-API directory with VSCode
Create a file in the root directory with the name local.settings.json. See the Secure App for values.
{
"IsEncrypted": false,
"Values": {
"FUNCTIONS_WORKER_RUNTIME": "powershell",
"Tenantid": "TENANT.onmicrosoft.com",
"AzureWebJobsStorage": "UseDevelopmentStorage=true",
"ApplicationId": "APPLICATIONID",
"ApplicationSecret": "APPLICATION SECRET",
"RefreshToken": "REFRESH TOKEN",
"ExchangeRefreshToken": "EXCHANGE REFRESH TOKEN"
}
}
Open the cipp-admin directory with VSCode
Select Debug from the Menu
In the debug dropdown select Launch it all.
Click the play button to start debugging.
Edge will launch and say it can't connect. The frontend is still getting up and running.
To access the frontend with another browser navigate to https://localhost:4280/
After waiting a while refresh and accept the invalid cert.
On the Auth page fill out your Azure username and add 'admin' to the bottom.
First navigation will be slow as the Tenant list is built.