To integrate any Web Dynpro ABAP application in SAP Enterprise Portal, we need to follow below steps.
- Defining the system in the SAP Enterprise Portal system landscape. To access Web AS from EP, we need have a system already defined or we need to create a new one
- Creating a New System: This is done by choosing System Administration → System Configuration → System Landscape.
- Defining the mapping between portal users and users in the previously defined ABAP system.
- For testing purposes, it is easiest to map the portal user to a user in the backend system. Choose User Administration → Identity Management. Enter your portal user name in the input field and click on Go. Your user appears in the table below. Select the related table line. Now, below the table listing your user the details of your user appear. Select the right most tab having the label User Mapping. Select the alias of your system from the drop down box System. Press Modify. Enter your user and password in the appropriate fields. Choose Save.
- Creating iViews for Web Dynpro applications in the ABAP system. till now we are dome with technical system and user mapping. Now we need to create iViews to embedd Web Dynpro Applications.
- Go to Content Administration → Portal Content. In the brower window of brower tab, Open Portal Content folder and with in that right click New → Folder.
- Select the newly created folder, right click New→ iView from the context menu.
- Select the iView template radio button, it opens a wizard in that select SAP Web Dynpro iView. Then Do Next, enter the Name and ID for the iView.
- On the next page, choose ABAP to select Web Dynpro ABAP iView type.
- Finally, we have to provide application parameters like, the system alias has to be entered in the System field. 'SAP' is the default Namespace. This value will be added to the path to the Web Dynpro application. The Web Dynpro application name has to be entered in the Application Name field.
- After having finished the iView generation, the result can be checked by choosing Preview from the context menu of the iView.
- Combining different iViews that have to interact via the portal using a portal page.
- Create a Portal page and its content. first choose Content Administration → Portal Content. On the Browse tab, localize the node that should be used as the page's parent node. Create a portal page from the context of the node for this chooseNew → Node. Next Screen, enter the Name and ID of the page.
- Next page offers two page templates: Default Page Template and Web Dynpro Proxy Page. Choose the Default Page Template, since Web Dynpro Proxy Page only works for Java Web Dynpro.
- Next, the page layout has to be defined. To display two iViews, one below the other, choose 1 Column (Full Width). Choose Add, then Next. To adjust the properties of the page and to assign the iViews, select Open the object for editing on the next screen. Choose OK.
- On the right side, a list of the iViews that are already embedded in the portal page appears. To add another iView to the page, choose Add iView to Page → Delta Link from the context menu of the iView to be embedded. By switching from Page Content to Page Layout, the resulting structure of the page can be analyzed.
- The last step in creating the page is to adapt the page.s properties. There are properties related to the page object and there are properties related to the embedded iViews.
1. An important group of properties is the Property Category Appearence Size. For the portal page, the Height Type should be adjusted to Full Page. For the single iViews, this property should be adjusted to Automatic so the iView's height depends on the space the Web Dynpro application occupies.
2. You can test the result by choosing Preview, which can be found on top of the tab page. - Adding the portal page to a portal role to make it usable by user groups to which this role is assigned.
