125 - 03 Solución - Proyecto Fiori

SAP Cloud – Desarrollo de aplicación Fiori con SAPUI5 en SAP BAS
SAP Cloud – Proyecto Fiori
Solución
Desarrollo de aplicaciones Fiori con SAPUI5 en SAP BAS
1
Contenido
1. Paleta de comandos ................................................................................................................. 3
2. Proyecto con Interfaz Gráfica................................................................................................... 5
3. Yeoman – Terminal de comandos .......................................................................................... 11
4. Configuración de Ejecución .................................................................................................... 13
5. Repositorio Git ........................................................................................................................ 15
2
1. Paleta de comandos
Accedemos a la ventana de comandos en el menú "View" y en el menú

contextual seleccionamos "Find Command".
También podemos acceder a la ventana de comandos presionando las

teclas Ctrl+Shift+P para que se despliegue la ventana de comandos.
Abrimos la pestaña “Welcome” con la ayuda de la ventana de comandos.
3
Abrimos una terminal para navegar sobre las carpetas del servidor con la
ayuda de la ventana de comandos.
4
2. Proyecto con Interfaz Gráfica
Accedemos a la ventana de comandos y escribimos “Create Project”, en las

opciones que se despliegan seleccionamos “Create Project from Template”.
Desde la interfaz gráfica creamos el módulo de la aplicación, seleccionamos

el generador “SAP Fiori application”.
Seleccionamos el entorno de ejecución y la plantilla “SAPUI5 Application”.
5
En fuente de datos para el proyecto lo dejamos en ninguno.
6
Informamos el nombre de la vista para la aplicación.
Informamos el nombre del proyecto, nombre del módulo y "namespace".
7
Finalmente, abrimos el proyecto creado desde la notificación emergente

que nos aparecerá en la parte inferior derecha.
NOTA: Estas son las partes de un proyecto SAPUI5 Multitarget con ruteo
Standalone (no Administrado).
8
Nos dirigimos al archivo de la vista de la aplicación y la editamos con la

opción "Layout Editor".
9
Asignamos una etiqueta a la aplicación seleccionándola y arrastrándola.
10
3. Yeoman – Terminal de comandos
Abrimos una terminal desde el menú de SAP BAS.
Otra manera de abrir una terminal es desde la ventana de comandos.
Escribimos el comando “yo”, con lo que se nos muestra las opciones de los
generadores de proyectos disponibles. Seleccionamos “Fiori Project”.
11
Informamos los datos que nos solicita el asistente con la misma información
que asignamos en la creación a través de la interfaz gráfica.
Con ello, el proyecto ya ha sido creado.
12
4. Configuración de Ejecución
Por medio de la vista de SAP Business Application Studio accedemos a la

opción “Run Configurations” para crear una nueva configuración.
También podemos acceder seleccionando el botón de más, ya que el
sistema escanea todos los proyectos que tenemos.
Seleccionamos la versión de UI5 con la que queremos ejecutar la aplicación

“Latest”, luego agregamos las fuentes de datos que necesita el proyecto.
Agregamos el nombre con el que queremos que inicie la configuración
13
Finalmente seleccionamos Run Module para ejecutar la aplicación
También podemos ejecutar la aplicación desde la terminal utilizando el

comando “npm run start”.
14
5. Repositorio Git
Accedemos a GitHub desde la URL https://github.com/ y creamos un nuevo

repositorio.
Copiamos la URL del GitHub.
15
Para conocer la versión con la que estamos trabajando de "git" desde la

consola utilizamos el comando "git version".
Con la terminal de comandos en SAP BAS, inicializamos Git con el comando

“git init".
Informamos el email con el comando “git config --global user.email

"your@example.com” “ y nombre con el comando “git config --global
user.name <Your Name> ”.
Establecemos la URL del origen remoto con la dirección que copiamos en

GitHub, utilizamos el comando “git remote add origin
https://github.com/user.name/RepoName.git”.
Revisamos el estatus de "git" con el comando "git status -s", con este
comando se listarán los archivos que componen el proyecto.
16
Cuando deseamos llevar los cambios de SAP BAS hacia GitHub, primero
debemos registrar los cambios en el índice de GitHub con el comando “git
add <filename>” para un archivo específico o con “git add .” para registrar
los cambios de todos los ficheros.
Volvemos a revisar el estatus de "git" con el comando "git status -s" y

observamos que los archivos han cambiado su estatus a "A", que quiere
decir que se encuentran agregados al área temporal.
Para realizar “commit” a estos cambios usamos el comando “git commit -m

“<Etiqueta>””, ahora el archivo está incluido en el “Head” de la copia local
pero aún no está en el repositorio remoto.
17
Es posible revisar los "commit" realizados sobre el proyecto con el comando

"git log --oneline".
Enviamos los cambios al repositorio remoto ejecutando el comando “git

push origin master” y nos solicita el nombre de usuario y contraseña de
GitHub.
18
Los archivos para administrar el repositorio remoto se encuentran en la

carpeta oculta ".git".
Para eliminar un repositorio inicializado, borramos la carpeta ".git" con el

comando "rm -r .git ".
Comprobamos el repositorio remoto que se tiene configurado actualmente

con el comando "git remote -v", esta instrucción no debería devolvernos
información ya que hemos borrado la carpeta del repositorio remoto.
Inicializamos nuevamente el repositorio remoto con el comando "git init".
19
Nueva Rama y Actualización

Para crear una nueva rama, ejecutamos el comando "git branch <nombre>",
ya que hemos creado la nueva rama ejecutamos el comando "git checkout
<nombre>" para posicionarnos en la rama creada.
Agregamos los cambios al índice de "git" con el comando "git add ." desde
la terminal.
Realizamos el "commit" para confirmar los cambios en el índice de "git".
Imprimimos el log para conocer la posición en la que nos encontramos

dentro del repositorio, para esto utilizamos el comando "git log --oneline".
También podemos conocer las ramas que hemos creado con la instrucción
"git branch".
20
Para enviar los cambios del proyecto en esta nueva rama al repositorio
remoto, seguimos el procedimiento anterior.
En repositorio remoto observamos la creación de la nueva rama.
Git - Clonación
Para realizar la clonación de un repositorio remoto a SAP BAS nos dirigimos
al repositorio y copiamos al URL del proyecto.
21
Desde una terminal en SAP BAS ejecutamos el comando "git clone <URL
repositorio>".
Por último, podemos realizar la clonación de una rama específica con el

comando "git clone --branch <nombre_rama> <URL repositorio>”.
22
Ya tenemos el proyecto clonado en SAP BAS a partir de la rama especificada.
23

125 - 03 Solución - Proyecto Fiori

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

125 - 03 Solución - Proyecto Fiori

Cargado por

Copyright:

Formatos disponibles

SAP Cloud – Desarrollo de aplicación Fiori con SAPUI5 en SAP BAS

SAP Cloud – Proyecto Fiori

Desarrollo de aplicaciones Fiori con SAPUI5 en SAP BAS

Accedemos a la ventana de comandos en el menú "View" y en el menú

También podemos acceder a la ventana de comandos presionando las

Abrimos la pestaña “Welcome” con la ayuda de la ventana de comandos.

2. Proyecto con Interfaz Gráfica

Accedemos a la ventana de comandos y escribimos “Create Project”, en las

Desde la interfaz gráfica creamos el módulo de la aplicación, seleccionamos

Seleccionamos el entorno de ejecución y la plantilla “SAPUI5 Application”.

En fuente de datos para el proyecto lo dejamos en ninguno.

Informamos el nombre de la vista para la aplicación.

Informamos el nombre del proyecto, nombre del módulo y "namespace".

Finalmente, abrimos el proyecto creado desde la notificación emergente

Nos dirigimos al archivo de la vista de la aplicación y la editamos con la

Asignamos una etiqueta a la aplicación seleccionándola y arrastrándola.

3. Yeoman – Terminal de comandos

Abrimos una terminal desde el menú de SAP BAS.

Otra manera de abrir una terminal es desde la ventana de comandos.

Con ello, el proyecto ya ha sido creado.

Por medio de la vista de SAP Business Application Studio accedemos a la

Seleccionamos la versión de UI5 con la que queremos ejecutar la aplicación

Agregamos el nombre con el que queremos que inicie la configuración

Finalmente seleccionamos Run Module para ejecutar la aplicación

También podemos ejecutar la aplicación desde la terminal utilizando el

Accedemos a GitHub desde la URL https://github.com/ y creamos un nuevo

Copiamos la URL del GitHub.

Para conocer la versión con la que estamos trabajando de "git" desde la

Con la terminal de comandos en SAP BAS, inicializamos Git con el comando

Informamos el email con el comando “git config --global user.email

Establecemos la URL del origen remoto con la dirección que copiamos en

Volvemos a revisar el estatus de "git" con el comando "git status -s" y

Para realizar “commit” a estos cambios usamos el comando “git commit -m

Es posible revisar los "commit" realizados sobre el proyecto con el comando

Enviamos los cambios al repositorio remoto ejecutando el comando “git

Los archivos para administrar el repositorio remoto se encuentran en la

Para eliminar un repositorio inicializado, borramos la carpeta ".git" con el

Comprobamos el repositorio remoto que se tiene configurado actualmente

Inicializamos nuevamente el repositorio remoto con el comando "git init".

Nueva Rama y Actualización

Realizamos el "commit" para confirmar los cambios en el índice de "git".

Imprimimos el log para conocer la posición en la que nos encontramos

En repositorio remoto observamos la creación de la nueva rama.

Por último, podemos realizar la clonación de una rama específica con el

Ya tenemos el proyecto clonado en SAP BAS a partir de la rama especificada.

También podría gustarte