If I have two web apps http://www.abc.com/app1
and http://www.abc.com/app2
how do I handle navigation between the two?
I would like to be able to navigate to app2 using links in a menu that I have in a sidebar...
<p:menu>
<p:menuitem outcome="/index" value="Home" icon="ui-icon-home"/>
<p:submenu label="app1">
<p:menuitem outcome="/page1" value="page1" />
<p:menuitem outcome="/page2" value="page2" />
</p:submenu>
<p:submenu label="app2">
<!-- all the links below should point to pages in app2 -->
<p:menuitem outcome="/pageA" value="pageA" />
<p:menuitem outcome="/pageB" value="pageB" />
</p:submenu>
</p:menu>
Obviously outcome="/pageA"
doesn't work because it tries to find a page with that name in app1 resulting in a 404.
I have tried outcome="/app2/pageA"
and outcome="../app2/pageA"
but neither of those work. What are some other alternatives?
Also, I should add that I don't really want to hard-code the url "http://www.abc.com/app2/pageA"
because the host name will change depending on where I do my deployment.