Principle: Deploy Independently & Consumer First
Configure Reverse Proxy
- Login to portal
- Click on + icon, Search for function app and Click on Create

- Name your app as petshopreversproxy[any unique name]

- Once the function app is created click on + icon next to proxies and add the product url into the proxies as below and click create.

- click on + icon next to proxies and add the Orderurl into the proxies and RouteTemplate as below and click create.

- Make sure you add the UI Url to CORS and save the changes.

- Get the reverse proxy url.

- Copy the url in the Angular app in environment.prod.ts as below.

- Run “ng build --prod”
- Right click on the app and click Deploy to Web App.

- Select the dist /PetshopUI by clicking on the Browse.

- Click Deploy on the popup and test the app.