Memorias del Curso Web Dynpro para Java 1

Como conectarse a una BAPI de R3 desde Web Dynpro para Java

Josué Cruz (fabricadoenmexico@gmail.com)

Objetivo:

Hacer un proyecto de Web Dynpro para mostrar como conectarse a una BAPI de R3,
con el fin de que el participante tenga una guía de cómo usar funciones de R3.

Pasos:

Paso 1. Crear un proyecto de Web Dynpro para Java

1. En el menú de SAP Netweaver Developer Studio, seleccionar File > New > Web
Dynpro Project
2. Setear el nombre del proyecto y dar clic en el botón “FInish”:
Project Name: Capacitacion_BAPIR3

Paso 2. Crear la aplicación, el componente, el componente, la ventana y la vista

inicial.

1. Abrir el proyecto creado y en la estructura ir a Web Dynpro > Applications.

Seleccionando “Applications” y dar clic botón derecho > Create Application. Poner
los siguientes datos:
Name = Capacitacion_BapiR3App
Package = com.capacitacion.app
2. Seleccionar “Create a new component” y botón “Next”

3. Dejar los nombres que sugiere la ventana para el component, window y view. Clic
en el botón “Finish”.
Paso 3. Creación del modelo de la Bapi a utilizar.

1. En el proyecto ir a la ruta <nombre_proyecto> >Web Dynpro > Models. Dar clic

botón derecho y “Create Model”.
2. Seleccionar “Import Adaptive RFC Model” y botón “Next”.

3. En la siguiente pantalla poner los siguientes datos:

Model Name = <nombre de la bapi>Model
ZBAPI_SUMAMODEL
Model Package = com.capacitacion.model.zbapi_suma
Default logical system name for model instances = WD_MODELDATA_DEST
Default logical system name for RFC metadata = WD_RFC_METADATA_DEST

4. Seleccionar la pestaña “Single Server” y llenar los datos de conexión a R3. Verifique
que la opción “Language”, este en Ingles “EN”.
5. En la siguiente pantalla en el campo “Function Name” poner el nombre de la BAPI
que se quiere llamar y dar click en el botón “Search”. Una vez encontrada la BAPI,
dar clic en el botón “Next”.

6. Una vez terminado el proceso de importar la BAPI, dar clic en el botón “Finish”.
Paso 4. Agregar el modelo creado al Web Dynpro Component

1. Ir al nombre del proyecto > Web Dynpro > Web Dynpro Components >
<nombre_del _component> Used Models. Botón derecho “Add” y seleccionar el
modelo creado “Zbapi_sumamodel”.

Paso 5. Mapeo entre la Bapi y el contexto del Component Controller.

1. En el proyecto ir a Nombre del proyecto > Web Dynpro > Web Dynpro
Components > <nombre_del _component> y darle doble clic al nombre del
componente. Ej. Capacitacion_BapiR3App.

2. Aparecerá la ventana del “Diagram View”. Si no la ve completa de doble clic en la

ventana para que se abra.
3. Clic botón derecho sobre “Component Controller” y seleccionar la opción “Apply
template”

4. Seleccionar “Service Controller” y dar clic en el botón “Next”.

5. Seleccionar <nombre_bapi>_Input y dar clic en el botón “Next”.

6. Seleccionar los parámetros necesarios que quiere usar como parámetros de
entrada y de salida. En este caso Numero1 y Numero2 son los parámetros de
entrada y Output > Resultado es el parámetro de salida que regresara el resultado
de la operación. Seleccionamos todo y damos clic en “Next”.

7. La ventana de ayuda nos sugiere un nombre del método donde el programa

generara automáticamente el código para ejecutar la BAPI, dejaremos el que nos
sugiere y damos clic en el botón “Finish”.

8. Como veremos en la siguiente pantalla el programa nos crea una línea entre el
“Component Controller” y el modelo.
9. Anteriormente creamos el link entre el Component Controller y el modelo, ahora
crearemos el link entre la vista “Capacitacion_BapiR3AppView” y el “Component
Controller”. Para hacer lo anterior mencionado seleccionamos la flechita del lado
derecho y trazamos esta línea de la vista hasta el Component Controller.

10. Aparecerá la siguiente pantalla, donde arrastrara el nodo “Zbapi_suma_Input” de

derecha a izquierda al nodo “Context”.

11. Aparecerá la pantalla con los elementos de la BAPI y seleccionara todos.

12. Clic en el botón “Finish”, para terminar y deberá ver el link entre la “Vista” y el
“Component Controller”.
Paso 6. Crear los componentes gráficos.

1. Navegar hasta la vista. Ir al <nombre del proyecto> > Web Dynpro > Web Dynpro
Components > <nombre_del_component> > Views y dar doble clic sobre la vista
Capacitacion_BapiR3AppView. Deberá tener seleccionada la pestaña Layout.

2. En la parte inferior izquierda en la ventana llamada “Outline”, dar clic botón derecho
en el nodo RootUIElementContainer y seleccionar “Apply Template”.
3. En la siguiente pantalla seleccionar “Form” y a continuación clic en el botón “Next”.
Nota: Si tiene datos que vienen en una tabla en la BAPI, repita el paso de “Apply
Template” > Table y luego seleccione el nodo de la BAPI que trae la tabla (Output >
Nombre tabla de la BAPI)

4. Seleccionar todos los nodos del contexto y dar clic en el botón “Next”.

5. En la siguiente pantalla nos muestra el orden el cual pondrá los datos en la pantalla,
seleccionamos el orden y damos clic en el botón “Finish”. Finalmente aparecerá una
pantalla como se muestra a continuación.
6. Ponemos un botón en la ventana que servirá para ejecutar la BAPI, cuando se llenan
los campos Numero1 y Numero 2. Cuando se agregue el botón poner la propiedad
“Text” del botón a “Ejecutar”.

7. En la propiedad “onAction” del botón crear una nueva acción, para esto darle clic en
los “…” para crear una nueva acción.

8. En la siguiente pantalla ponerle un nombre a la acción sin espacios. Por ejemplo:

EjecutarBAPI. Dar clic en el botón “Finish”.

9. Otra vez en la propiedad “onAction”, veremos el nombre de la acción creada “Ejecutar

BAPI”. Dar cilc en el botón “Go” de dicha propiedad para ir al código.

10. Entre las líneas //@@begin y //@@end agregar la siguiente línea de código.

Donde el formato es el siguiente:

wdThis.wdGet<nombre_del_componente>Controller.excecute<nombre_bapi>();
Paso 7. Deployar y ejecutar el desarrollo

1. En el <nombre_del_proyecto> > Web Dynpro > Applications > <nombre_aplicación>,

botón derecho “Deploy New Archive and Run”

2. A veces sale una pantalla con titulo “Autobuild is switched off”, dar clic en el botón
“Enable autobuild”.

3. Empezara el procedo de Deploy y pedirá la clave para instalar, poner la correcta y dar
clic en el botón “ok” y esperar a que aparezca una pantalla del Internet Explorer.
4. Poner dos números en los campos “Numero 1” y “Numero 2” y dar clic en el botón
ejecutar para ver el resultado de la suma.