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.