Integrating 'Web Application Bridge' in WebSphere Portal

Integrating the Web Application Bridge (WAB) with IBM WebSphere Portal 8.0

The Web Application Bridge-WAB is a feature built on top of WebSphere Portal and WebSphere Application Server, which is used to integrate Web-based content providers, such as the Microsoft® SharePoint 2007 server, with WebSphere Portal using HTML iFrames and reverse proxy technology.

WAB is used to integrate web-based content with websphere portal.

WAB consists of four major components :
-> Web Application Manager portlet.
This component is used to provision, update, export, and delete the site XML descriptor file.
-> Web Dock portlet.
Shows the content that is fetched from backend sites on a portal page.
-> Engine component.
Contains the system logic necessary to handle and orchestrate the other components of the  
                        WAB.
-> Reverse proxy component.
Handles HTTP-based communication with the backend sites.

Flow :
(1) The Web browser sends an HTTP request to the virtual Web application installed on the WebSphere Portal Server.

(2) The virtual Web application repeats the request to the Content Provider on behalf of the Web browser. Selected HTTP headers, cookies, POST data, etc.
   may be forwarded from (1).

(3) The content provider generates a response to (2) and sends it back to the virtual Web application.

(4) The virtual Web application repeats the response generated by the Content Provider in (3) to the Web browser. Selected HTTP headers, cookies, etc. may
   be forwarded from (3).


Process for integrating 'Web Application Bridge' in WebSphere Portal 8 with other site/content

To Integrate WAB we require to configure two portlets, they are
1.Virtual Web Application Manager and
2.Web Dock Portlet

Assume we are integrating 'www.ndtv.com/photos' site

1. Goto WebSphere Portal Administration-->Portlet Management-->Virtual Web Application Manager
2. Create a Category by clicking on 'New' and selecting 'Application Category'
3. Create a Component by clicking on 'New' and selecting 'Application Component'
4.I. In 'Basic' tab provide details of site we are trying to render like;
URI -- HTTP
HOST -- www.ndtv.com (this can be full qualified name or IP Address)
Context Root -- /photos
Display name for Application and Application Portlet -- any name for application
Description -- short description
Category for Application Portlet -- Select the category you just created from dropdown

4.II. In 'Connection' I havent changed any thing as per my requirement.
4.III. In 'Authentication' tab,
Select type - 'HTTP', scheme - 'BASIC', releam - 'www.ndtv.com'
and specify parameter; user-agent -- HEADER, INBOUND, PROPAGATE and save it.
4.IV. In 'Localization' tab I havent changed any thing as per my requirement.

Finally Save 'Virtual Web Application Manager'.

5. Now Create a new page from ManagePages to configure 'Web Dock Portlet'.
6. Before configuring 'Web Dock Portlet' we have to set following parameters for the page through advance options.
Parameter Name : resourceaggregation.profile
Parameter Value : profiles/profile_full.json
7. Configure 'Web Dock Portlet' for the page and apply standared skin.
8. Now goto 'Edit Share Settings' and provide following details;
URL : /photos
Scheme : HTTP
Host : www.ndtv.com
Height : 900
Width : 1050
and rest as per your requirement
9. Now goto 'Personalize' and provide credentials

Thats it...Your www.ndtv.com/photos site will be render in 'Web Dock Portlet'.

Ref : http://www-10.lotus.com/ldd/portalwiki.nsf/dx/Integrating_the_Web_Application_Bridge_%28WAB%29_with_IBM_WebSphere_Portal_8.0_A_step-by-step_guide