Understand Web Application Integration

Web Application Integrator for IBM WebSphere Portal (WebAppIntegrator) provides a simple and effective solution for integrating web applications into Portal. The Using the Web Application Integrator for IBM WebSphere Portal link has some introductory information about what is Web Application Integrator.

You can download the Web Application Integrator portlet. Once you download it expand the .zip file in wps6.1 folder it has detailed documentation on how to install, configure it.

I tried creating the sample web application for Web Application integrator following instructors in the .zip file

  • Create test.html file in the wps.war folder

  • Paste this code to test.html file

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <h1> Test Page: Integration with WebAppIntegrator</h1>

  • Create a URL using the Manage Pages portlet in WebSphere Portal Admin Console pointing to http://localhost:10040/wps/test.html

  • Copy unique id of this URL in the Web Application Integrator portlet and it will create script tag like this

    <script type="text/javascript" src="http://localhost:10040/wps/portal/!ut/p/c5/04_SB8K8xLLM9MSSzPy8xBx9v_LUJMeCAs-8ktT0osSS_CJVA3QR_YJ0RUUA0glfLw!!/?Portal_Page_ID=com.ibm.webapp.test">

    I used com.ibm.webapp.test as the unique name for the URL

  • Copy this URL and paste it as first child of body tag in test.html page. Then try accessing the http://localhost:10040/wps/test.html page. It should look something like this

    Please note one very important point that you should be logged in into portal first in order to get this header.

If you want to add this menu to external application that is not under SSO with portal or you dont want to login into portal first then you will have to follow some additional steps

  1. Go to Portal Manage pages portlet. Change the URL that you created in the portal to allow access to anonymous users

  2. Come back to test.html page and change the script tag that you copied in it to change URL from /myportal to /portal or anonymous URL in your case

  3. Now when you open a new browser window and try accessing the http://localhost:10040/wps/test.html in it you should get something like this


Chris Sparshott said...

Hi, just thought I would let you know that I posted a lab document WAI which might be of interest.


Sunil Patil said...

Thanks Chris, your LAB document is very nice and helpful

sowjanya said...


I tried your steps but I am getting javascript error sayaing as 'Syntax error'. Can you help me in resolving it.

Plz reply. Urgent


sowjanya said...

Hi, I solved it.
I changed the theme and it worked :-)

goog said...

chris,i cannot access the link to pdf.can you please re post.

aparna john said...

Hi,The website content be provided for my website or is content assistance available for Web Design Cochin by a professional copywriter and content provider.Thanks............

srjwebsolutions said...

We are leading responsive website designing and development company in Noida.
We are offering mobile friendly responsive website designing, website development, e-commerce website, seo service and sem services in Noida.

Responsive Website Designing Company in Noida
Website Designing Company in Noida
SEO Services in Noida
SMO Services in Noida

Vikas Chaudhary said...

Battery Mantra is Authorized exide car battery dealer in Noida and Greater Noida. We are providing our service in Indirapuram, Delhi, Ashok Nagar.

Exide Battery Dealer in Noida
Battery Dealer in Noida
Authorized Battery Dealer in Noida
Car Battery Dealer in Noida
Car Battery Dealer
Exide Battery Dealer

EG MEDI said...

Egmedi.com is online medical store pharmacy in laxmi nagar Delhi. You can Order prescription/OTC medicines online.
Cash on Delivery available. Free Home Delivery

Online Pharmacy in Delhi
Buy Online medicine in Delhi
Online Pharmacy in laxmi nagar
Buy Online medicine in laxmi nagar
Onine Medical Store in Delhi
Online Medical store in laxmi nagar
Online medicine store in delhi
online medicine store in laxmi nagar
Purchase Medicine Online
Online Pharmacy India
Online Medical Store