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.