Migración de aplicaciones SAP UI5 de SAP Web IDE a Visual Studio Code (VS Code) e implementación de la aplicación en el repositorio ABAP local de S/4HANA
By s4pcademy
En esta publicación de blog, lo guiaré paso a paso en el proceso de migración de la aplicación SAP UI5 de SAP Web IDE a Visual Studio Code (VS Code). Y despliegue de la aplicación a S/4 HANA On-Promise ABAP Repository desde Visual Studio Code (VS Code).
he tomado referencia de
Siga el siguiente enlace para configurar Visual Studio Code para el desarrollo de SAPUI5 @Lena Hammere.
Preparándose para el desarrollo de UI5 con Visual Studio Code
En este artículo se discutirá
Migración de SAP Web IDE Project a VS Code
- Descargue la aplicación BSP desde S/4 HANA On-Promise ABAP Repository usando SAP Web IDE.
- Cree un espacio de trabajo para Visual Studio Code UI5 Development y copie el código fuente en el espacio de trabajo.
- Inicie el proceso de migración con Visual Studio Code.
- Modifique el archivo ui5.yaml para conectar el sistema S/4 HANA On-Promise y obtener una vista previa de la aplicación.
Proceso de implementación de la aplicación UI5 para S/4HANA On-Promise System.
- Agregue los detalles del sistema de puerta de enlace en Visual Studio Code.
- Agregar configuración de implementación.
- Implemente la aplicación en el repositorio ABAP del sistema S/4 HANA On-Promise.
Empecemos.
Migración de SAP Web IDE Project a VS Code.
Paso 1: descargue la aplicación BSP del repositorio S/4 HANA On-Promise ABAP mediante SAP Web IDE.
Aplicación BSP del repositorio ABAP
Paso 2: cree un espacio de trabajo para Visual Studio Code UI5 Development y copie el código fuente en el espacio de trabajo.
Aplicación BSP copiada en el espacio de trabajo de Visual Studio Code
Paso 3: inicie el proceso de migración con Visual Studio Code.
- Ctrl + Shift + P (Mostrar todos los comandos)
- Fiori: proyecto de migración para usar en las herramientas de Fiori
Proyecto Migrar Fiori
Iniciar migración
Después de una migración exitosa
Paso 4: Modifique el archivo ui5.yaml para conectar el sistema S/4 HANA On-Promise y obtener una vista previa de la aplicación.
modificación de ui5.yaml
Vista previa de la aplicación
npm inicio de ejecución
Aplicación cargada con éxito en el navegador
Proceso de implementación de la aplicación UI5 para S/4HANA On-Promise System.
Paso 1: agregar el sistema de puerta de enlace en el código de Visual Studio
Adición del sistema de puerta de enlace en el código de Visual Studio
Paso 2: agregar la configuración de implementación.
- Cree el archivo ui5-deploy.yaml para la configuración de implementación
Nota: antes de la implementación, cree su paquete y solicitud de transporte. Si está implementando en el paquete $TMP, entonces no se requiere la solicitud de transporte
archivo ui5-deploy.yaml
Paso 3: implementar la aplicación en el repositorio ABAP del sistema S/4 HANA On-Promise.
- Agregue secuencias de comandos de implementación en package.json
"deploy": "npm run build && fiori deploy --config ui5-deploy.yaml && rimraf archive.zip",Implementado con éxito la aplicación
- ¡Felicidades! Ha implementado y probado con éxito su aplicación SAPUI5.
SICF
Aplicación ejecutándose en el sistema de desarrollo.
Solución de problemas
Hay una variedad de errores de análisis de virus:
- Error del servidor de análisis de virus
- No se selecciona ningún perfil de análisis de virus como predeterminado.
- Los errores de detección de virus no deberían bloquear el proceso de implementación. El análisis de virus debe configurarse de tal manera que no perturbe el proceso de implementación.
- Además, se debe seleccionar un perfil de análisis de virus predeterminado en el sistema o desactivarlo por completo.
- Ver Nota SAP: https://launchpad.support.sap.com/#/notes/3052386
Conclusión
Después de leer esta publicación, debería poder migrar e implementar SAPUI5 aplicaciones que utilizan Visual Studio Code. Espero que esta guía haya sido útil para lograr la migración de la aplicación SAPUI5 a Visual Studio Code y la implementación de aplicaciones SAPUI5. Si tiene alguna pregunta o comentario, no dude en dejarlos a continuación.
