How to host reactjs and nodejs web app on azure vm IIS?

Question

I have created a web app with React and nodejs. Now I want to host web app on azure vm IIS web server. I have installed all necessary software i.e urlrewrite,iisnode etc.

I am confused about web.config file. How to write config file for both react js and nodejs? Can we write two rewrite rules inside one config file?

web.config file:

<configuration>
<system.webServer>

<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
</customHeaders>
</httpProtocol>

<handlers>
<add name="iisnode" path="server.js" verb="*" modules="iisnode" />
</handlers>
<defaultDocument>
<files>
<add value="server.js" />
</files>
</defaultDocument>

<rewrite>
<rules>
<rule name="React Routes" stopProcessing="true">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
<add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
</conditions>
<action type="Rewrite" url="/build/index.html" />
</rule>

<rule name="sendtonode">
<match url=".*"/>
<action type="Rewrite" url="server.js"/>
</rule>

</rules>
</rewrite>

</system.webServer>
</configuration>

Answer 1

Hi @Sudesh Sharma ,

According to https://github.com/Azure/iisnode/wiki#benefits, there isn't anything preventing you from using your rewrite that I can see. The following blog posts may also help should you run into issues:

• https://tomasz.janczuk.org/2011/08/hosting-nodejs-applications-in-iis-on.html
• https://tomasz.janczuk.org/2011/08/using-url-rewriting-with-nodejs.html
• https://tomasz.janczuk.org/2012/05/yaml-configuration-support-in-iisnode.html
• https://github.com/tjanczuk/iisnode/tree/master/src/samples/urlrewrite

Regards,
Ryan