Not able to deploy React app in Azure Web App Service(linux)

Question

Not able to deploy React app in Azure Web App Service(linux)

Pranoday Dingare 6

Hello team.
I am trying to deploy both client and server of react app on Azure Web App service. I am not using Azure web app for containers. I have built a client and served it using pm2 server which is running on port 8080. And my server is running on port 4000. Now I want to expose port 4000 on which my server is running. To expose it I have set PORT and WEBSITES_PORT variables in application settings. But web app service gives error that container fails to respond to ping request on port 4000.

Takahito Iwasa 4,851 Reputation points MVP Volunteer Moderator

2022-05-24T21:53:46.537+00:00

Hi, @Pranoday Dingare

Are you trying to expose 4000 ports using the custom container feature of App Serivice for Linux?
Pranoday Dingare 6 Reputation points

2022-05-25T07:10:12.403+00:00

I am not using custom container feature. I am using Web App service to deploy my react app which is not running inside docker container. It is a simple app.
Takahito Iwasa 4,851 Reputation points MVP Volunteer Moderator

2022-05-25T07:18:33.34+00:00

Thank you for reply.
Did you choose Node.js for the runtime? How did pm2 start?
Pranoday Dingare 6 Reputation points

2022-05-25T07:51:17.813+00:00

I am not using pm2. From inside server directory I am running npm run start. And this start script is configured in my package.json as follows:
node build/index.js
Pranoday Dingare 6 Reputation points

2022-05-25T10:42:38.34+00:00

@Takahito Iwasa I even tried by setting pm2 start /home/site/wwwroot/server/build/index.js --no-daemon in startup command. I have set PORT variable to 8080 in application settings. When i run the deployment I get following in my Log stream:

docker run -d --expose=8080 --name pd-powerbi_10_1a2e74c6 -e PORT=8080 -e WEBSITES_PORT=8080 -e WEBSITE_SITE_NAME=PD-PowerBI -e WEBSITE_AUTH_ENABLED=False -e WEBSITE_ROLE_INSTANCE_ID=0 -e WEBSITE_HOSTNAME=pd-powerbi.azurewebsites.net -e WEBSITE_INSTANCE_ID=5a56e16a40a56ad605188ec19b5810d494ecd090d991d1c9eba12f9c8e59e5df -e WEBSITE_USE_DIAGNOSTIC_SERVER=False appsvc/node:16-lts_20220309.1 pm2 start /home/site/wwwroot/server/build/index.js --no-daemon

When I try to access https://pd-powerbi.azurewebsites.net:8080 from browser I am getting CONNECTION REFUSED error.

1 answer

Your answer

Takahito Iwasa 4,851 Reputation points MVP Volunteer Moderator

2022-05-24T21:53:46.537+00:00

Hi, @Pranoday Dingare

Are you trying to expose 4000 ports using the custom container feature of App Serivice for Linux?
Pranoday Dingare 6 Reputation points

2022-05-25T07:10:12.403+00:00

I am not using custom container feature. I am using Web App service to deploy my react app which is not running inside docker container. It is a simple app.
Takahito Iwasa 4,851 Reputation points MVP Volunteer Moderator

2022-05-25T07:18:33.34+00:00

Thank you for reply.
Did you choose Node.js for the runtime? How did pm2 start?
Pranoday Dingare 6 Reputation points

2022-05-25T07:51:17.813+00:00

I am not using pm2. From inside server directory I am running npm run start. And this start script is configured in my package.json as follows:
node build/index.js
Pranoday Dingare 6 Reputation points

2022-05-25T10:42:38.34+00:00

@Takahito Iwasa I even tried by setting pm2 start /home/site/wwwroot/server/build/index.js --no-daemon in startup command. I have set PORT variable to 8080 in application settings. When i run the deployment I get following in my Log stream:

docker run -d --expose=8080 --name pd-powerbi_10_1a2e74c6 -e PORT=8080 -e WEBSITES_PORT=8080 -e WEBSITE_SITE_NAME=PD-PowerBI -e WEBSITE_AUTH_ENABLED=False -e WEBSITE_ROLE_INSTANCE_ID=0 -e WEBSITE_HOSTNAME=pd-powerbi.azurewebsites.net -e WEBSITE_INSTANCE_ID=5a56e16a40a56ad605188ec19b5810d494ecd090d991d1c9eba12f9c8e59e5df -e WEBSITE_USE_DIAGNOSTIC_SERVER=False appsvc/node:16-lts_20220309.1 pm2 start /home/site/wwwroot/server/build/index.js --no-daemon

When I try to access https://pd-powerbi.azurewebsites.net:8080 from browser I am getting CONNECTION REFUSED error.

Answer 1

Just to highlight the difference: app settings/variable- PORT (default) vs WEBSITES_PORT (it’s for custom containers)- If you have both, you may remove PORT variable is not necessary, due to automatic port detection. If no port is detected, it defaults to 80.

1.By default, App Service assumes your custom container is listening on port 80. If your container listens to a different port, as in your case, you need set the WEBSITES_PORT (for customer containers only).

Only port 80 and 8080 is accessible (exposed ports) -App Service Linux FAQ

I understand you have mentioned that you're not using Azure web app for containers.

2.By default, if your container does not respond after 230 seconds, it will time out. (This time out can be increased by with the WEBSITES_CONTAINER_START_TIME_LIMIT app setting.)

If your container takes a long time, you could add an app setting called WEBSITES_CONTAINER_START_TIME_LIMIT and set it to the number of seconds you would like for us to wait for your container to start (up to a maximum of 1800).

To do this, from the Azure Portal> Navigate to your WebApp > Under Settings blade > Go to “Configuration” > Add the above app setting with ‘Name’ with 1800 as ‘Value’ .

ajkuma 28,036 Reputation points Microsoft Employee Moderator

2022-05-26T13:24:14.293+00:00

Also,

From F12 browser trace, I can see that:

Kindly let us know, I' follow-up with you further.

Share via

Not able to deploy React app in Azure Web App Service(linux)

1 answer

Your answer