Embedding an Ionic app in a MVC / C++ web app

You want to embed a PWA version of your ionic app in your web site, but don’t want to pay to host another site (or have to remember another URL)

Build the prod version of your app

ionic cordova build browser

Ionic / Cordova wants a file at /config.xml, so copy your config.xml there

Create a folder for your ionic app in the project folder.
To get the published files into that folder, add a Pre Build Event.

xcopy C:\Projects\MyFluJab\platforms\browser\www*.* C:\Projects\faf02b\Faf02\MyFluJab /E /Y
xcopy C:\Projects\FafIonicAdmin\www*.* C:\Projects\faf02b\Faf02\FafAdmin /E /Y

Include it, and all the files, in the .csproj.
Right-click and Unload Project.
Right-click and Edit Project File.
Add the following ItemGroup:

You will need the following mime types in web.config

<system.webServer>

<staticContent>
<mimeMap fileExtension=".json" mimeType="application/json; charset=UTF-8" />
<mimeMap fileExtension=".woff2" mimeType="font/woff2" />
<mimeMap fileExtension=".xml" mimeType="application/xml; charset=UTF-8" />
</staticContent>

Website by Daneswood