Embed multiple web apps into one Ionic App

Hi,

I’m new to Ionic, so first sorry for my newbie question :slight_smile: I already spent hours of searching on Google, etc but could not find an answer to my question

My scenario is very simple. I just want to include three different WebApps (consisting of several html,css,js files) in my Ionic app. What I tried till now:

  1. Created an Ionic app based on template “tabs” ⇨ worked
  2. Put my WebApps in 3 different folders w1, w2 and w3 directly in the src directory of my Ionic app
  3. Replace line#4 in src/components/ExploreContainer.vue to

<p>My WebApp <a target="_blank" rel="noopener noreferrer" href="w1/index.html">enter here</a></p>

Starting the app with ionic serve works perfectly well. But it’s not possible to open the WebApp by pressing the link.

What is missing? Any help is really appreciated

Regards
Guenter

I already solved this issue. If someone else has this problem, too - here is the soultion

Just copy all your html content into the assets directory. Then it could be linked, eg:

<p>My WebApp <a target="_blank" rel="noopener noreferrer" href="assets/w1/index.html">enter here</a></p>

I personally wouldn’t suggest doing something like this in most cases. If you’re deploying this as a native app, it’s not really a good user experience to load “multiple apps”

1 Like