• Inicio
  • Novedades
  • Academia SAP
  • FAQ
  • Blog
  • Contacto
S4PCADEMY_Logo
  • Inicio
  • Novedades
  • Academia SAP
  • FAQ
  • Blog
  • Contacto
Twitter Linkedin Instagram

S4PCADEMY_Logo
  • Inicio
  • Novedades
  • Academia SAP
  • FAQ
  • Blog
  • Contacto
Twitter Linkedin Instagram
Microsoft visual studio code  ·  SAP UI5 Tooling  ·  Technical Articles

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

Documento de ayuda de SAP

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

  1. Descargue la aplicación BSP desde S/4 HANA On-Promise ABAP Repository usando SAP Web IDE.
  2. Cree un espacio de trabajo para Visual Studio Code UI5 ​​Development y copie el código fuente en el espacio de trabajo.
  3. Inicie el proceso de migración con Visual Studio Code.
  4. 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.

  1. Agregue los detalles del sistema de puerta de enlace en Visual Studio Code.
  2. Agregar configuración de implementación.
  3. 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%20

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.

Copiado%20BSP%20Application%20in%20to%20VS%20Code%20workspace

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

Migrar%20Fiori%20Proyecto

Proyecto Migrar Fiori

Iniciar%20migración

Iniciar migración

Después de%20migración%20exitosa

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.

ui5.yaml%20modificación

modificación de ui5.yaml

Vista previa%20Aplicación

Vista previa de la aplicación

npm%20ejecutar%20iniciar

npm inicio de ejecución

Aplicación%20cargada%20con éxito%20en%20navegador

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

Agregando%20Gateway%20System%20in%20the%20Visual%20Studio%20Code

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%20

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",

Exitosamente%20implementada%20la%20aplicación

Implementado con éxito la aplicación

  • ¡Felicidades! Ha implementado y probado con éxito su aplicación SAPUI5.

SICF

SICF

Aplicación%20ejecutándose%20en%20desarrollo%20sistema.

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.



Source link


ABAPaplicaciónAplicacionesCodeIDEImplementaciónlocalMigraciónrepositorioS4HANASAPStudioUI5Visualweb

Artículos relacionados


esocial  ·  hcm brasil  ·  HCMBR  ·  Product Information
HCM Brasil: requisitos previos de Support Package para la implementación de SAP Notes – 2023
@SAC  ·  #business  ·  advanced formula  ·  Business Trends  ·  calculation  ·  Data Actions  ·  nimbl  ·  variance analysis
Dar vida al análisis de variación empresarial con SAP Analytics Cloud Planning
Technical Articles
Acceso e integración de datos en tiempo real entre dos nubes HANA utilizando las últimas herramientas de desarrollo (SAP Business Application Studio) | Virtualización e Integración de Datos Inteligentes

Deja tu comentario Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

*

Employee Central Global Benefits Support for Affordable Care Act Reporting: funcionalidad y configuración
Previo
Estas estrategias de crecimiento sostenible pueden ayudar a las medianas empresas a mejorar más que la reputación de marca
Siguiente

Madrid

Calle Eloy Gonzalo, 27
Madrid, Madrid.
Código Postal 28010

México

Paseo de la Reforma 26
Colonia Juárez,  Cuauhtémoc
Ciudad de México 06600

Costa Rica

Real Cariari
Autopista General Cañas, 
San José, SJ 40104

Perú

Av. Jorge Basadre 349
San Isidro
Lima, LIM 15073

Twitter Linkedin Instagram
Copyright 2022 | All Right Reserved.
Cookies Para que este sitio funcione adecuadamente, a veces instalamos en los dispositivos de los usuarios pequeños ficheros de datos, conocidos como cookies. La mayoría de los grandes sitios web también lo hacen.
Aceptar
Cambiar ajustes
Configuración de Cookie Box
Configuración de Cookie Box

Ajustes de privacidad

Decida qué cookies quiere permitir. Puede cambiar estos ajustes en cualquier momento. Sin embargo, esto puede hacer que algunas funciones dejen de estar disponibles. Para obtener información sobre eliminar las cookies, por favor consulte la función de ayuda de su navegador. Aprenda más sobre las cookies que usamos.

Con el deslizador, puede habilitar o deshabilitar los diferentes tipos de cookies:

  • Bloquear todas
  • Essentials
  • Funcionalidad
  • Análisis
  • Publicidad

Este sitio web hará:

Este sitio web no:

  • Esencial: recuerde su configuración de permiso de cookie
  • Esencial: Permitir cookies de sesión
  • Esencial: Reúna la información que ingresa en un formulario de contacto, boletín informativo y otros formularios en todas las páginas
  • Esencial: haga un seguimiento de lo que ingresa en un carrito de compras
  • Esencial: autentica que has iniciado sesión en tu cuenta de usuario
  • Esencial: recuerda la versión de idioma que seleccionaste
  • Functionality: Remember social media settings
  • Functionality: Remember selected region and country
  • Analytics: Keep track of your visited pages and interaction taken
  • Analytics: Keep track about your location and region based on your IP number
  • Analytics: Keep track of the time spent on each page
  • Analytics: Increase the data quality of the statistics functions
  • Advertising: Tailor information and advertising to your interests based on e.g. the content you have visited before. (Currently we do not use targeting or targeting cookies.
  • Advertising: Gather personally identifiable information such as name and location
  • Recuerde sus detalles de inicio de sesión
  • Esencial: recuerde su configuración de permiso de cookie
  • Esencial: Permitir cookies de sesión
  • Esencial: Reúna la información que ingresa en un formulario de contacto, boletín informativo y otros formularios en todas las páginas
  • Esencial: haga un seguimiento de lo que ingresa en un carrito de compras
  • Esencial: autentica que has iniciado sesión en tu cuenta de usuario
  • Esencial: recuerda la versión de idioma que seleccionaste
  • Functionality: Remember social media settings
  • Functionality: Remember selected region and country
  • Analytics: Keep track of your visited pages and interaction taken
  • Analytics: Keep track about your location and region based on your IP number
  • Analytics: Keep track of the time spent on each page
  • Analytics: Increase the data quality of the statistics functions
  • Advertising: Tailor information and advertising to your interests based on e.g. the content you have visited before. (Currently we do not use targeting or targeting cookies.
  • Advertising: Gather personally identifiable information such as name and location
Guardar y cerrar