Cómo implementar una aplicación SAPUI5


La implementación manual de las aplicaciones SAPUI5 es una opción más simple e inmediatamente accesible en comparación con los procedimientos automatizados, ya que solo requiere un entorno de desarrollo integrado (IDE) y sin servicios adicionales o una infraestructura extensa.

Este enfoque es particularmente adecuado para entornos de desarrollo y prueba donde se requieren resultados rápidos y control directo sobre el proceso de implementación.

Primero usaremos esta publicación para introducir la implementación de Sapui5 aplicaciones Plataforma de tecnología empresarial de SAP (SAP BTP). SAP BTP proporciona un entorno de nube robusto que permite implementar las aplicaciones SAPUI5 directamente en la nube y poner a disposición de los usuarios. Revisaremos los pasos y las configuraciones necesarias para implementar con éxito su aplicación en SAP BTP. Esto incluye crear un correspondiente Html5 Repositorio y configuración del entorno de destino para garantizar que la aplicación esté correctamente disponible para los usuarios finales.

Luego discutiremos la implementación en un SAP S/4HANA sistema local. Esta opción es particularmente relevante para las empresas que desean operar sus aplicaciones SAPUI5 dentro de un panorama del sistema local y sin una conexión de nube externa. La implementación en un entorno local requiere que el sistema SAP S/4HANA esté configurado correctamente para aceptar y ejecutar aplicaciones HTML5. En esta sección, explicaremos los pasos y requisitos previos necesarios en detalle para garantizar una implementación suave y un rendimiento óptimo de la aplicación en el contexto SAP S/4HANA.

En principio, también es posible implementar aplicaciones SAPUI5 como páginas HTML estáticas en un servidor web convencional como Nginx o Apache Tomcat. Esta puede ser una alternativa rentable y flexible si la aplicación se va a operar independientemente de los sistemas SAP o si es rápido, se requiere una implementación independiente. Este método es particularmente adecuado para escenarios en los que no se requieren funcionalidades especiales de backend de SAP. También cubriremos los pasos básicos sobre cómo configurar una aplicación SAPUI5 como un sitio web estático y la alojaremos en un servidor web, incluidas las personalizaciones necesarias en el archivo de configuración para garantizar que la aplicación se cargue y se ejecute correctamente.

Plataforma de tecnología empresarial de SAP

Para implementar una aplicación SAPUI5 en SAP BTP, son necesarios algunos pasos preparatorios. Primero, un mta.yaml El archivo se agrega al proyecto, que describe el concepto de la aplicación multi-objetivo (MTA). En este archivo, define qué módulos y recursos pertenecen a su aplicación, cómo están conectados entre sí y qué dependencias existen.

El mta.yaml El archivo es, en cierta medida, el corazón de la configuración de implementación y garantiza que todos los componentes de la aplicación se puedan proporcionar juntos y coherentemente. Además de mta.yamlnecesitas un xs-app.json y un XS-Security.json archivo. El xs-app.json El archivo define rutas importantes y control de acceso para su aplicación. Asegura que se pueda alcanzar la aplicación a través de las URL correctas y que se regule el acceso a las diversas partes de la aplicación. El XS-Security.json A su vez, es responsable de la configuración de seguridad. Aquí es donde se definen las reglas de autenticación y autorización para garantizar que solo los usuarios autorizados tengan acceso a la aplicación y sus datos.

Se crea una configuración de implementación para garantizar que estos archivos estén de manera correcta y completamente disponible en el proyecto. Esta configuración ayuda a crear y adaptar automáticamente todos los archivos necesarios, como mta.yaml, xs-app.jsony XS-Security.json. Esto estructura y simplifica todo el proceso de implementación, y puede estar seguro de que su aplicación SAPUI5 está óptimamente preparada para implementarse como MTA en SAP BTP.

A continuación, le mostraremos cómo crear estos pasos utilizando la información de la aplicación. En el primer paso, haga clic derecho para abrir el menú contextual en el aplicación web carpeta en su proyecto, como se muestra en la figura a continuación, y haga clic en el elemento del menú Abra la información de la aplicación.

Abra la información de la aplicación

La información de la aplicación le proporciona una descripción general de su aplicación. Además, puede realizar operaciones comunes, como agregar un Odata servicio en este punto. También es posible crear un implementar configuración. Para hacer esto, haga clic Agregar configuración de implementacióncomo se muestra en esta figura.

Agregar configuración de implementación

En el siguiente paso, seleccione Fundición de la nube como el entorno objetivo. En el Nombre de destino campo, puede seleccionar el Ninguno opción. En este punto, también puede especificar un destino particular para ser utilizado para la implementación. Luego, seleccione el opción para agregar el Enrutador de aplicación administrada y confirmar también seleccionando Para sobrescribir la configuración existente. Finalmente, haga clic Finalizar.

Configuración de implementación de Cloud Foundry

El enrutador de aplicación administrado permite el acceso y la ejecución de las aplicaciones HTML5 en un entorno en la nube sin la necesidad de operar una infraestructura de tiempo de ejecución patentada. Los siguientes productos proporcionan este entorno de tiempo de ejecución para aplicaciones HTML5:

  • Zona de trabajo de compilación de SAP, edición estándar
  • Zona de trabajo de compilación de SAP, edición avanzada
  • SAP Cloud Portal

En el siguiente paso, los archivos mta.yaml, xs-app.json, XS-Security.jsony ui5-deploy.yaml se agregan automáticamente al proyecto, como se muestra a continuación.

Archivos agregados para la implementación de Foundry en la nube

El despliegue está controlado por el ui5-deploy.yaml archivo. Abra esto para familiarizarse con la estructura del archivo. El atributo de nombre en el área de metadatos y el tipo que tiene el valor de la aplicación es importante.

Archivo Generado UI5-DEPLOY.YAML

Antes de que se pueda implementar una aplicación, se debe realizar una compilación. Para hacer esto, abra el menú contextual del mta.yaml archivo y seleccionar la entrada Proyecto de construcción de MTA.

Construir MTA

Esto agrega un directorio llamado mta_archives al proyecto, como se muestra en la siguiente figura. El resultado de la construcción se almacena en este directorio en forma de archivo MTA (.mtar). Abra el menú contextual en este archivo y seleccione Implementar el archivo MTA Para comenzar la implementación.

Despliegue de activación

Sin embargo, antes de llevar a cabo la implementación, aún debe registrarse en el Punto final de la fundición de la nube a través de la API. La subcuenta en la que se encuentra SAP Business Application Studio se propone como el punto final de Cloud Foundry. Puedes registrarte con Cartas credenciales o con un Código de contraseña de SSO. Hemos elegido el Código de contraseña de SSO opción. Para hacer esto, haga clic en el enlace que se muestra a continuación.

Seleccionando el método de autenticación

Esto abre una nueva ventana en la que debe seleccionar el deseado proveedor de identidad (ver figura a continuación). Luego serás autenticado contra este proveedor de identidad.

Seleccionar un proveedor de identidad

Después de la autenticación exitosa, el Código de autenticación temporal se muestra, como se muestra en la siguiente figura. Copie esto al portapapeles.

Código de autenticación temporal

Ahora inserte el código de autenticación generado en el Ingrese su código de acceso SSO campo y hacer clic en Iniciar sesión.

Entrando en el código de acceso SSO

Como se muestra en la siguiente figura, ahora puede ver que ha iniciado sesión en el entorno Cloud Foundry. Ahora necesita seleccionar un Organización de Foundry de la nube Y luego un Espacio de fundición de nubes Dentro de esa organización. Hacer clic Aplicar.

Seleccionar la organización y el espacio de la fundición en la nube

El despliegue ahora se inicia. Esto puede llevar algún tiempo. El terminal mostrará el estado de implementación y también su ejecución exitosa, como se muestra aquí.

Despliegue Competía Información

Ahora abra la cabina SAP BTP para el subacceso y navegue hasta el Aplicaciones HTML5 área en el menú lateral, como se muestra en la figura a continuación. En nuestro ejemplo, no encontrará ninguna aplicación en la figura. Solo verá una nota que le indica que necesita suscribirse a una edición de SAP Build Work Zone o del Servicio de Portal SAP Cloud. Esto se debe a que hemos decidido usar el enrutador de aplicación administrada.

Suscripciones faltantes

SAP S/4HANA

Después de aprender a implementar en SAP BTP en la sección anterior, esta sección muestra cómo implementar una aplicación SAPUI5 en un sistema SAP S/4HANA local. La implementación en un SAP NetWeaver como Abapón El sistema es idéntico. El requisito previo para esto es que se crea un destino en la subacuura en la que SAP Business Application Studio también se está ejecutando. El nombre de host virtual con el puerto apropiado debe almacenarse en el campo URL. Puede ver esto en el conector de la nube.

Seleccionar Sobrepremise como el Tipo proxyy mantenga el tipo de autenticación deseado. Hemos decidido usar Noautenticacióncomo se muestra en la siguiente figura. Esto significa que se le solicita al desarrollador que ingrese un nombre de usuario y contraseña durante la implementación. Además, cree lo siguiente Propiedades adicionales:

  • DynamicDestination = «Verdadero»
  • Timut = «30000»
  • WebideEnabled = «Verdadero»
  • WebideUsage = «Odata_abap, dev_abap»

Agregar el destino

Ahora debe crear una configuración de implementación para su proyecto. Para hacer esto, abra el Información de la aplicación página como ya lo hemos hecho. En esta página, haga clic en Agregar configuración de implementación.

En el Elija el objetivo campo, seleccione Abapón (ver la siguiente figura). En el Destino campo, seleccione el destino que creó anteriormente. Ahora ingrese un nombre de usuario y la contraseña correspondiente para el sistema SAP S/4HANA. Luego, haga clic en el botón junto a la contraseña para iniciar sesión.

Después de eso, debes ingresar al Repositorio de SAPUI5 ABAP. Este es el nombre de la aplicación Business Server Pages (BSP) que se crea para su aplicación. Tenga en cuenta que esto debe estar en el espacio de nombres del cliente o en un espacio de nombres que haya registrado. Entonces, opcionalmente asigne un Descripción de la implementacióny entrar en un Paquete y un Solicitud de transporte. En el ejemplo mostrado, hemos decidido el paquete «$ TMP». Por lo tanto, no es necesario especificar ninguna solicitud de transporte. Finalmente, haga clic Finalizar Para crear los artefactos de configuración.

Agregar una configuración de implementación

Como puede ver en la siguiente figura, un archivo llamado ui5-deploy.yaml se ha agregado a su aplicación. Ábralo y eche un vistazo al contenido. Encontrarás todas las entradas que hiciste anteriormente allí.

Generado UI5-Deploy.yaml

El despliegue se inicia a través de una terminal. Por lo tanto, como se muestra en la siguiente figura, abra una nueva ventana de terminal usando el menú contextual y seleccione Terminal> Nuevo terminal.

Abriendo una nueva terminal

Ejecute el comando npm ejecutar implement en el terminal.

Implementando la aplicación

Como se muestra en la figura a continuación, ahora verá una serie de tareas que se llevan a cabo. Luego debe confirmar que desea iniciar una implementación con la configuración que se muestra ingresando la letra «Y».

Confirmando el inicio de implementación

El despliegue puede llevar algún tiempo. El terminal muestra el estado de implementación (ver figura final). Si la implementación fue exitosa, debería ver la salida Despliegue exitoso. Sin embargo, también pueden ocurrir errores. Por ejemplo, el nombre de la aplicación ya puede estar en uso, o puede haber hecho referencia a una solicitud de transporte que ya se ha publicado. En todos los casos, verá un mensaje de error informativo.

Mensaje de éxito de la implementación

Nota del editor: esta publicación ha sido adaptada de una sección del SAPUI5: la guía integral por Rene Glavanovits, Martin koch, Daniel Kranczy Maximiliano Olzinger. Rene es un consultor y desarrollador de SAP que se especializa en las últimas tecnologías de SAP, específicamente en el desarrollo de aplicaciones de pila completa con Savia fioriSapui5, odata, CDS y Modelo de programación de aplicaciones de SAP Cloud. Martin realiza capacitación para SAP y ha desarrollado cuatro cursos de capacitación sobre los temas de SAPUI5, SAP Fiori, la integración de la nube y la seguridad en la nube. Daniel es un desarrollador y consultor de software que se enfoca en el desarrollo de la pila completa con SAPUI5, SAP Fiori, ODATA, SAP Cloud Application Model, así como el desarrollo móvil. Maximilian es un desarrollador y consultor de software. Es un asociado de desarrollo certificado por SAP y ha manejado proyectos para empresas en todas las industrias con gran éxito. Realiza capacitaciones en las áreas de SAP Fiori, ABAP y el desarrollo web.

Esta publicación fue publicada originalmente el 7/2025.



Your email address will not be published. Required fields are marked *

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.