Prime Institute

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

Crear
  • Creado 01/03/2024
  • Modificado 01/03/2024
  • 16 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

Partners:

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?