How to connect two web apps with each other? One has angular code and the other has node js deployed successfully

Question

Hello Community,

I have one web app service with angular code and other web app service with node js code deployed successfully the data is to be taken from azure cosmos db for mongo. So inshort its a MEAN application how should I connect two web apps to call node server in angular and viceversa.

I wanted to run my Angular i.e Frontend by hitting nodejs url

While changing baseapiurl it throws CORS error.

Can anyone help me in this as soon as possible.

Answer 1

Hello @Akshata Purshottam Palsule

Your case looks like 3-Tier Application architecture - Frontend -> Backend -> Database.
The web and business tiers are stateless. The data tier should consist of a database.

Multi-tier web application which is a front-end web application that calls API applications behind it. This reference architecture showcases how to use service endpoints for secure communications between app services in a multi-tier environment.

The web app can securely connect to a backend database over a fully private connection. The public internet can't reach the database, which eliminates a common attack vector.

You can configure CORS settings in your WebApp. Here is CORS Q&A answer that explains it