sap netweaver – demo model: ui demos using demo enterprise ... · sap netweaver – demo model:...

15
SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1) Applies to: Enhancement Package 1 for SAP NetWeaver Composition Environment 7.1.For more information, visit the User Interface Technology homepage . Summary The purpose of this article is to describe how to deploy, configure and launch two demonstration applications for Web Dynpro Java, using the Demo Enterprise Services provided by the SAP NetWeaver - Demo Model. The first application is a lightweight one and built with Visual Composer. The resulting component is either a Web Dynpro or a Flex application. The second Application is more complex and uses pure Web Dynpro technology. Therefore it offers more options for designing UI applications. Authors: Matthias Kretschmer, Carl Heckmann Company: SAP AG Created on: 04 November 2008 Authors Bio Matthias Kretschmer joined SAP in September 2001 as a BA Student (Information Technology). During his studies Matthias had the opportunity to gain an insight into several departments within SAP, e.g. Mobile Infrastructure, Technology Consulting and MaxDB. Matthias successfully completed his studies in September 2004.From 01.10.2004 until 31.07.2006 Matthias worked in the SAP NetWeaver ESI F XPI department (XI Runtime, Monitoring) as a software developer (Java, ABAP).At the moment Matthias works as a product specialist for the SAP NetWeaver Demo Team within SAP NetWeaver Product Management. Here he is mainly responsible for Composition and Process Integration topics. Carl Heckmann joined SAP in July 2008 as an intern. He works within the SAP NetWeaver Solution Management Demo Team. Here he deals with topics like SAP NetWeaver CE 7.1 and Web Dynpro JAVA. Besides he got an insight into upcoming technologies such as Flash Islands and the SAP NetWeaver Widget Foundation. SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 1

Upload: others

Post on 18-Aug-2020

16 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise ... · SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment

SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

Applies to: Enhancement Package 1 for SAP NetWeaver Composition Environment 7.1.For more information, visit the User Interface Technology homepage.

Summary The purpose of this article is to describe how to deploy, configure and launch two demonstration applications for Web Dynpro Java, using the Demo Enterprise Services provided by the SAP NetWeaver - Demo Model. The first application is a lightweight one and built with Visual Composer. The resulting component is either a Web Dynpro or a Flex application. The second Application is more complex and uses pure Web Dynpro technology. Therefore it offers more options for designing UI applications.

Authors: Matthias Kretschmer, Carl Heckmann

Company: SAP AG

Created on: 04 November 2008

Authors Bio Matthias Kretschmer joined SAP in September 2001 as a BA Student (Information Technology). During his studies Matthias had the opportunity to gain an insight into several departments within SAP, e.g. Mobile Infrastructure, Technology Consulting and MaxDB. Matthias successfully completed his studies in September 2004.From 01.10.2004 until 31.07.2006 Matthias worked in the SAP NetWeaver ESI F XPI department (XI Runtime, Monitoring) as a software developer (Java, ABAP).At the moment Matthias works as a product specialist for the SAP NetWeaver Demo Team within SAP NetWeaver Product Management. Here he is mainly responsible for Composition and Process Integration topics.

Carl Heckmann joined SAP in July 2008 as an intern. He works within the SAP NetWeaver Solution Management Demo Team. Here he deals with topics like SAP NetWeaver CE 7.1 and Web Dynpro JAVA. Besides he got an insight into upcoming technologies such as Flash Islands and the SAP NetWeaver Widget Foundation.

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 1

Page 2: SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise ... · SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment

SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 2

Table of Contents Scenario Description...........................................................................................................................................3

Prerequisites ...................................................................................................................................................3 Create Destinations.........................................................................................................................................3 Deploy the Component ................................................................................................................................... 5

6

77789

1113

14

14

15

Launch the Application.................................................................................................................................... SAP NetWeaver - Demo Model: ITelO Sales Overview Application ..................................................................

Scenario Description ....................................................................................................................................... Prerequisites ................................................................................................................................................... Deploy the Components.................................................................................................................................. Create Destinations......................................................................................................................................... Configure the Web service Consumer Proxies............................................................................................. Launch the Application..................................................................................................................................

Related Content................................................................................................................................................ Download.......................................................................................................................................................... Copyright...........................................................................................................................................................

Page 3: SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise ... · SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment

SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

Scenario Description As a prerequisite for building or executing a demo based on the SAP NetWeaver - Demo Model, database tables have to be filled with content of the Demo Model.

Users want to load the database tables with content provided by the SAP NetWeaver - Demo Model and they also want to verify, if the data generation was successful. For this process, a UI provides functions for generating the data and shows two sample records from the database.

Prerequisites • A SAP NetWeaver 7.1 CE Enhancement Package 1 System with administrator access

• SAP NetWeaver Developer Studio (NWDS) 7.1

• SAP NetWeaver - Demo Model Demo Enteprise Services

• The file ce153_impl.ear which contains the application

Create Destinations

Before you are able to use the SAP NetWeaver- Demo Model Data Generator Application you have to set the destinations in the SAP NetWeaver Administrator to provide a connection point between the Web Dynpro Application created with the Visual Composer and the used Web services.

1. Go to SAP NetWeaver Administrator (http://<host>:<port>/nwa) SOA Management Destination Templates

2. Create 3 new Destinations of type JAVA with values corresponding to the table below.

Name NWDEMO

WSDL http://<host>:<port>/NWDemoAdminService/NWDemoAdmin?wsdl&mode=ws_policy

Name ProductByIDQueryResponseIn

WSDL http://<host>:<port>/ProductByIDQueryResponseInService/ProductByIDQueryResponseIn?wsdl

Name BusinessPartnerByIDQueryResponseIn

WSDL http://<host>:<port>/BusinessPartnerByIDQueryResponseInService/

BusinessPartnerByIDQueryResponseIn?wsdl=1.1

Note: Replace <port> with the port of your system (Default: 50000)

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 3

Page 4: SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise ... · SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment

SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

Note: Because of a long execution time on some systems you may need to change the Socket Timeout to a higher value.

3. Set the Security Settings to HTTP-Authentication as shown on the next screenshot.

4. Enter your User ID and Password.

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 4

Page 5: SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise ... · SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment

SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

Deploy the Component

1. Open your SAP NetWeaver Developer Studio.

2. Navigate to Window Preferences SAP as JAVA Add new SAP System

3. Specify the hostname and instance number of your system.

Note: If you are unsure about the number of your instance, take a look at the port of your server. It is structured according to the following scheme 50<instance>00

4. Navigate to Window Show View Other Deployment View

5. Import the Java EE Archive Specify ce153_impl.ear

6. Click on Deploy.

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 5

Page 6: SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise ... · SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment

SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

Launch the Application

Finally you can start the application through a browser by opening one of the following URLs.

For the Web Dynpro generated versions choose:

http://<host>:<port>/webdynpro/dispatcher/sap.com/test~ce153_impl/generateData

For the Flex Client version choose:

http://<host>:<port>/FlexClientWAR/FlexClient.html?URL=http://<host>:<port>/webdynpro/dispatcher/sap.com/test~ce153_impl/generateData?sap-wd-client=SmartClient

Note: You need to be logged on in order to launch the Flex version of the application without errors.

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 6

Page 7: SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise ... · SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment

SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

SAP NetWeaver - Demo Model: ITelO Sales Overview Application

Scenario Description

A salesman of ITelO wants to get a sales order overview for one specific business partner.

Users can select one ITelO business partner from a list and the application shows all sales orders belonging to this business partner. Furthermore they can choose one sales order to open a new view with details belonging to this sales order as well as all sales order items.

By choosing one of these items, the application will show the product details.

Prerequisites • A SAP NetWeaver 7.1 CE Enhancement Package 1 System with administrator access

Note: Web Dynpro Runtime 7.1100.20080611175528.0000 is required

• SAP NetWeaver Developer Studio (NWDS) 7.1

• SAP NetWeaver - Demo Model Demo Enteprise Services

• The CAF Component in the archive demo.sap.com~demoservicesadapter~ear.ear

• The Web Dynpro Component in the archive demo.sap.com~soatest.ear

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 7

Page 8: SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise ... · SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment

SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

Deploy the Components

1. Open your NWDS.

2. Navigate to Window Preferences SAP as JAVA Add new SAP System

3. Specify the hostname and instance number of your system.

4. Navigate to Window Show View Other Deployment View

5. Import Java EE Archive Specify demo.sap.com~demoservicesadapter~ear.ear

6. Import Java EE Archive Specify the demo.sap.com~soatest.ear on your local machine

7. Click on Deploy.

Note: Enter your login data if required.

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 8

Page 9: SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise ... · SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment

SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

Create Destinations

Before you are able to use the SAP NetWeaver- Demo Model ITelO Sales Overview Application you have to set the destinations in the SAP NetWeaver Administrator.

1. Go to SAP NetWeaver Administrator (http://<host>:<port>/nwa) SOA Management Destination Templates.

2. Create 4 new Destinations of type JAVA with values corresponding to the table below.

Name PartnerByID

WSDL http://<host>:<port>/BusinessPartnerByIDQueryResponseIn/

BusinessPartnerByIDQueryResponseInBeanImpl?wsdl&mode=ws_policy

Name ProductByID

WSDL http://<host>:<port>/ProductByIDQueryResponseIn/

ProductByIDQueryResponseInBeanImpl?wsdl&mode=ws_policy

Name SaleByID

WSDL http://<host>:<port>/SalesOrderByIDQueryResponseIn/

SalesOrderByIDQueryResponseInBeanImpl?wsdl&mode=ws_policy

Name SaleByBuyer

WSDL http://<host>:<port>/SalesOrderIDByBuyerQueryResponseInService/

SalesOrderIDByBuyerQueryResponseIn?wsdl&mode=ws_policy

Note: Replace <port> with the port of your system (Default: 50000)

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 9

Page 10: SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise ... · SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment

SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

3. Set the Security Settings to HTTP-Authentication as shown on the next screenshot.

4. Enter your User ID and Password.

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 10

Page 11: SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise ... · SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment

SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

Configure the Web service Consumer Proxies

1. Go to SAP NetWeaver Administrator (http://<host>:<port>/nwa) SOA Management Application & Scenario Management Single Service Administration Consumer Proxies

2. Proceed the following steps for the following value pairs:

Find: WSDL Porttype Name

*Sale* SalesOrderByIDQueryResponseIn

*product* ProductByIDQueryResponseIn

*Partner* BusinessPartnerByIDQueryResponseIn

3. Enter the value in the Find input field.

4. Choose the corresponding line in the table below. Take care of the Internal Name. It has to start with: demo.sap.com/demoservicesadapter~ear_demo.sap.com~demoservicesadapter~ejbmodule_EJB/

5. Choose the Configuration tab.

6. Select the Logical Port from the table.

7. Click on Edit.

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 11

Page 12: SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise ... · SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment

SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

8. Modify the Web Service End Point URL corresponding to your system data. To do this, replace

50000 with the port number of your system.

Hint: Assume your port is 50800. Then your URL would look like http://<host>:50800/SalesOrderByIDResponseInService...

9. Choose the Security tab.

10. Set the Authentication level to HTTP Authentication.

11. Enter your user ID and password.

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 12

Page 13: SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise ... · SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment

SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

Launch the Application

1. Open your Web browser.

2. Enter the following URL: http://<host>:<port>/webdynpro/dispatcher/demo.sap.com/soatest/ShowSales

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 13

Page 14: SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise ... · SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment

SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

Related Content https://www.sdn.sap.com/irj/sdn/nw-demomodel

For more information, visit the User Interface Technology homepage.

Download SAP NetWeaver - Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 14

Page 15: SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise ... · SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment

SAP NetWeaver – Demo Model: UI Demos using Demo Enterprise Services (EHP1 for SAP NetWeaver Composition Environment 7.1)

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com © 2008 SAP AG 15

Copyright © 2008 SAP AG. All rights reserved.

No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of SAP AG. The information contained herein may be changed without prior notice.

Some software products marketed by SAP AG and its distributors contain proprietary software components of other software vendors.

Microsoft, Windows, Outlook, and PowerPoint are registered trademarks of Microsoft Corporation.

IBM, DB2, DB2 Universal Database, OS/2, Parallel Sysplex, MVS/ESA, AIX, S/390, AS/400, OS/390, OS/400, iSeries, pSeries, xSeries, zSeries, System i, System i5, System p, System p5, System x, System z, System z9, z/OS, AFP, Intelligent Miner, WebSphere, Netfinity, Tivoli, Informix, i5/OS, POWER, POWER5, POWER5+, OpenPower and PowerPC are trademarks or registered trademarks of IBM Corporation.

Adobe, the Adobe logo, Acrobat, PostScript, and Reader are either trademarks or registered trademarks of Adobe Systems Incorporated in the United States and/or other countries.

Oracle is a registered trademark of Oracle Corporation.

UNIX, X/Open, OSF/1, and Motif are registered trademarks of the Open Group.

Citrix, ICA, Program Neighborhood, MetaFrame, WinFrame, VideoFrame, and MultiWin are trademarks or registered trademarks of Citrix Systems, Inc.

HTML, XML, XHTML and W3C are trademarks or registered trademarks of W3C®, World Wide Web Consortium, Massachusetts Institute of Technology.

Java is a registered trademark of Sun Microsystems, Inc.

JavaScript is a registered trademark of Sun Microsystems, Inc., used under license for technology invented and implemented by Netscape.

MaxDB is a trademark of MySQL AB, Sweden.

SAP, R/3, mySAP, mySAP.com, xApps, xApp, SAP NetWeaver, and other SAP products and services mentioned herein as well as their respective logos are trademarks or registered trademarks of SAP AG in Germany and in several other countries all over the world. All other product and service names mentioned are the trademarks of their respective companies. Data contained in this document serves informational purposes only. National product specifications may vary.

These materials are subject to change without notice. These materials are provided by SAP AG and its affiliated companies ("SAP Group") for informational purposes only, without representation or warranty of any kind, and SAP Group shall not be liable for errors or omissions with respect to the materials. The only warranties for SAP Group products and services are those that are set forth in the express warranty statements accompanying such products and services, if any. Nothing herein should be construed as constituting an additional warranty.

These materials are provided “as is” without a warranty of any kind, either express or implied, including but not limited to, the implied warranties of merchantability, fitness for a particular purpose, or non-infringement.

SAP shall not be liable for damages of any kind including without limitation direct, special, indirect, or consequential damages that may result from the use of these materials.

SAP does not warrant the accuracy or completeness of the information, text, graphics, links or other items contained within these materials. SAP has no control over the information that you may access through the use of hot links contained in these materials and does not endorse your use of third party web pages nor provide any warranty whatsoever relating to third party web pages.

Any software coding and/or code lines/strings (“Code”) included in this documentation are only examples and are not intended to be used in a productive system environment. The Code is only intended better explain and visualize the syntax and phrasing rules of certain coding. SAP does not warrant the correctness and completeness of the Code given herein, and SAP shall not be liable for errors or damages caused by the usage of the Code, except if such damages were caused by SAP intentionally or grossly negligent.