Deploy 2 Node Applications Web app + Server (Chatbot) on Same App Service

Question

Deploy 2 Node Applications Web app + Server (Chatbot) on Same App Service

Asheesh Mathur 25

I am planning to deploy a Chatbot with

Front End : React + Express +Socket IO : Port 80
Backend : Node application Listening on Port 4000

Is this setup supported in App Service .

Presently I have created two separate app services and bounded by Port 80.

Explored file share as well, but could not make out how to deploy in them and change ports.

Could not use mounted file shares using file zilla

Looking forward to advise and steps.

Thanks

Asheesh

SnehaAgrawal-MSFT 22,706 Reputation points Moderator

2023-05-26T14:00:41.59+00:00

@Asheesh Mathur Apologies for late response here! Could you please reach out to us by sending an email with subject line “Attn:Sneha |thread title” to AzCommunity[at]microsoft[dot]com referencing this thread, would like to work closer on your requirements here.
SnehaAgrawal-MSFT 22,706 Reputation points Moderator

2023-06-05T06:08:16.9966667+00:00

@Asheesh Mathur Thanks for taking time for survey, request you please send us an email with subject line “Attn:Sneha |thread title” to AzCommunity[at]microsoft[dot]com referencing this thread so that we can help you better on resoving this issue.

Accepted answer

0 additional answers

Your answer

SnehaAgrawal-MSFT 22,706 Reputation points Moderator

2023-05-26T14:00:41.59+00:00

@Asheesh Mathur Apologies for late response here! Could you please reach out to us by sending an email with subject line “Attn:Sneha |thread title” to AzCommunity[at]microsoft[dot]com referencing this thread, would like to work closer on your requirements here.
SnehaAgrawal-MSFT 22,706 Reputation points Moderator

2023-06-05T06:08:16.9966667+00:00

@Asheesh Mathur Thanks for taking time for survey, request you please send us an email with subject line “Attn:Sneha |thread title” to AzCommunity[at]microsoft[dot]com referencing this thread so that we can help you better on resoving this issue.

Answer 1

VasimTamboli 5,215

Yes, it is possible to deploy two Node.js applications (a web app and a server) on the same Azure App Service. To achieve this setup, you can follow these steps:

Create a new Azure App Service to host your application. You can create the App Service through the Azure portal or by using Azure CLI or Azure PowerShell.

Set up the web app portion of your application (React + Express + Socket.IO) to listen on port 80. This is the default HTTP port, and it allows your web app to be accessible through a standard HTTP URL. Make sure your web app is configured to use port 80 in its code.

Set up the backend server application to listen on port 4000. This can be done by configuring the server code to listen on port 4000 explicitly.

In the Azure portal, navigate to your App Service and go to the Configuration settings. Under the "Settings" section, click on "Application settings."

In the Application settings, add a new setting with the name WEBSITES_PORT and set its value to 4000. This setting tells Azure to route incoming traffic to port 4000 for your backend server.

Save the configuration changes.

By following these steps, you have configured your Azure App Service to host both the web app (listening on port 80) and the backend server (listening on port 4000). The incoming traffic will be routed accordingly based on the ports.

Regarding the use of file shares, you mentioned exploring file shares but did not provide specific details on how you attempted to deploy and change ports. If you need assistance with deploying to file shares or using specific tools like FileZilla, please provide more details, and I'll be happy to help you further.

Asheesh Mathur 25 Reputation points

2023-05-29T07:36:18.3+00:00

Thanks, I will try in the evening.

Will update you after that.
Asheesh Mathur 25 Reputation points

2023-06-04T12:33:24.2233333+00:00

This does not works, client & server are up but unable to communicate. Site is radhey.azurewebsites.net

Subscriptions 50c72ef4-b495-4308-9de6-dce7082f1d3b

Please advise. Both are node apps
VasimTamboli 5,215 Reputation points

2023-06-04T13:05:39.7933333+00:00
Merge the client and server code: You can integrate the server code into your React application and have a single application listening on port 80. This would involve combining the server code with the Express server logic and configuring the routes accordingly.

Separate the client and server into separate services: If you prefer to keep the client and server as separate applications, you can continue using two separate Azure App Service instances, one for the client and one for the server.

Use Azure Functions: Azure Functions provides a serverless compute platform that allows you to run small pieces of code (functions) in the cloud. You can consider deploying your server code as an Azure Function and use the App Service for hosting the client application. This way, you can have both client and server functionalities within a single Azure environment.

Choose the approach that best suits your requirements and development preferences. If you have further questions or need assistance with any of the options, please let me know.
Asheesh Mathur 25 Reputation points

2023-06-04T14:05:18.8266667+00:00

Thanks
Asheesh Mathur 25 Reputation points

2023-06-05T06:39:42.1333333+00:00

This idea of Launching server part on port 4000 is for containers.

Is there a way to open port on App Server. Like we do in VM
VasimTamboli 5,215 Reputation points

2023-06-05T07:00:04.49+00:00

platform-as-a-service (PaaS) offering, you don't have direct control over the underlying infrastructure, including opening specific ports on the server. Unlike with virtual machines (VMs), where you can configure network settings and open ports, App Service abstracts away the infrastructure management for you.

By default, Azure App Service exposes HTTP (port 80) and HTTPS (port 443) for web traffic. You can configure your application to listen on the appropriate HTTP or HTTPS endpoints within the App Service environment. You don't need to explicitly open or configure ports for incoming traffic.

If your application requires additional ports for specific protocols or services, you may need to explore other Azure services that provide more networking flexibility, such as Azure Virtual Machines, Azure Container Instances, or Azure Kubernetes Service (AKS). These services allow more control over networking configurations, including opening specific ports.

However, it's worth mentioning that opening additional ports in App Service may go against the platform's design and security best practices. The platform is optimized for running web applications that follow the HTTP/HTTPS protocols. If your application has specific requirements that necessitate opening custom ports, it might be more suitable to consider the alternative Azure services mentioned above.
Asheesh Mathur 25 Reputation points

2023-06-05T07:06:14.3166667+00:00

Thanks for detailed message

Share via

Deploy 2 Node Applications Web app + Server (Chatbot) on Same App Service

0 additional answers

Your answer