¡Caminando hacia el éxito!

Aprende en Comunidad

Avalados por :

Construcción de una aplicación Angular con SAP Fiori Fundamentals: Conexión con ABAP local e implementación en SAP Cloud Foundry

  • Creado 01/03/2024
  • Modificado 01/03/2024
  • 19 Vistas
0
Cargando...
En mi última publicación en el blog, intenté construir una aplicación Angular con SAP Fiori Fundamentals.

https://blogs.sap.com/2019/06/24/build-angular-application-with-sap-fiori-fundamentals/

En esta publicación del blog, conectaré la aplicación Angular con el sistema ABAP local y la implementaré en SAP Cloud Foundry. Usé 'NWD' como mi sistema ABAP, y mi proyecto Angular se llama 'fiori-angular'. A continuación se detallan los pasos.

  1. Instalar el conector de nube y agregar la subcuenta de SAP Cloud Foundry al conector.

  2. En la sección de 'Nube a local', agregar el sistema NWD.

  3. Abrir el cockpit de SAP Cloud Platform y agregar el destino a NWD en SAP Cloud Foundry.

  4. En el cockpit de CF, necesitamos crear 3 instancias de servicio, incluyendo conectividad, destino y xsuaa. Pueden crearse en Marketplace de Servicios: Conectividad, Destino, Autorización y Gestión de Confianza. Por favor, tenga en cuenta que no debe vincular ninguna aplicación en estas 3 instancias.

  5. En la aplicación Angular, asegúrese de estar en la carpeta raíz del proyecto, luego escriba el comando:
    ng build --prod​

    esto construirá la aplicación Angular y colocará los archivos generados en la carpeta /dist/fiori-angular.

  6. Para implementar esta aplicación en SAP Cloud Foundry, necesita agregar un archivo manifest.yml en la carpeta /dist/fiori-angular/. Agregue el siguiente contenido:
    applications:
    - name: fiori-angular
      memory: 512M
      disk_quota: 1024M
      instances: 1
      buildpack: nodejs_buildpack
      services:
        - destination_service
        - uaa_service
        - connectivity_service​

    Aviso : necesitamos usar el buildpack ' nodejs_buildpack '. Intenté usar 'staticfile_buildpack' al principio, luego SAP Cloud Foundry no analizará los archivos de configuración como xs-app.json.

  7. Agregue el archivo 'xs-app.json' en la carpeta /dist/fiori-angular/, y agregue el siguiente contenido:
    { 
    	"routes": [ 
    		{
                "source": "^/sap/opu/odata/",
                "authenticationType": "none",
                "destination": "NWD",
                "csrfProtection": false
            },{
                "source": "/*",
                "localDir": "./"
            }
    	] 
    }
Pinterest
Telegram
Linkedin
Whatsapp

Sin respuestas

No hay respuestas para mostrar No hay respuestas para mostrar Se el primero en responder

contacto@primeinstitute.com

(+51) 1641 9379
(+57) 1489 6964

© 2024 Copyright. Todos los derechos reservados.

Desarrollado por Prime Institute

¡Hola! Soy Diana, asesora académica de Prime Institute, indícame en que curso estas interesado, saludos!
Hola ¿Puedo ayudarte?