Guía Interactiva

SAP BTP
Arquitectura Cloud

Arquitectura, BAS, Fiori Launchpad y todo el flujo de desarrollo — explicado de forma visual y clara.

¿Qué es SAP BTP?

La plataforma cloud de SAP donde vive todo lo moderno.

Analogía → SAP BTP es como AWS o Azure, pero diseñada específicamente para el ecosistema SAP. Aquí viven las Fiori apps, servicios de integración, HANA, ABAP en la nube, y +90 servicios más.

Estructura General

SAP BTP ├── Cuenta Global → El contenedor principal (tu empresa) │ └── Subcuentas → Ambientes separados (dev, qa, prod) │ └── Servicios, apps, entornos └── +90 servicios: IDE, DB, Launchpad, IA, etc.

La Jerarquía de una Cuenta

De lo más grande a lo más específico.

Servicios Clave que Activamos

Los servicios se dividen en Suscripciones (apps con interfaz) e Instancias (servicios backend).

Business Application Studio Suscripción
IDE cloud para desarrollar
SAP Build Work Zone Suscripción
Fiori Launchpad en la nube
Cloud Identity Services Suscripción
Gestión de usuarios y autenticación
HTML5 App Repository Instancia
Almacena las apps Fiori desplegadas
Destination Service Instancia
Conexiones a sistemas externos/backend
XSUAA Instancia
Seguridad y permisos (Authorization & Trust)

SAP Business Application Studio

VS Code en la nube, preconfigurado para SAP.

¿Qué es BAS? → Es un IDE basado en Code OSS (el core de VS Code) que corre en el navegador. Sin instalar nada localmente, ya tienes todas las herramientas SAP preconfiguradas + conexión directa al ecosistema BTP.

Dev Spaces — El concepto central

Son ambientes virtuales preconfigurados según el tipo de desarrollo. Piensa en ellos como máquinas virtuales especializadas en la nube.

SAP Fiori
Apps Fiori/SAPUI5, Fiori Elements
Full-Stack ABAP
ABAP Cloud, CDS Views, RAP
Full-Stack Cloud
CAP (Node.js/Java), HANA Cloud
SAP HANA Native
HANA, SQL, Calculation Views

Crear una App Fiori en BAS

Del wizard al código generado.

SAP Fiori Application Generator

Wizard interactivo que genera la estructura completa del proyecto paso a paso.

// Abrir en BAS: Ctrl+Shift+P"Fiori: Open Application Generator"

Templates Disponibles

Basic
App vacía con estructura MVC básica
List Report
Lista con filtros + detalle (Fiori Elements)
Object Page
Página de detalle de un objeto
Worklist
Lista de trabajo sin panel de filtros

Estructura del Proyecto Generado

miaogo-fiori/
webapp/
controller/
App.controller.js ← Controller raíz
View1.controller.js ← Lógica de tu vista
view/
App.view.xml ← Vista contenedor
View1.view.xml ← Tu pantalla principal
model/
models.js ← Modelos de datos
i18n/
i18n.properties ← Textos (internacionalización)
Component.js ← Punto de entrada de la app
manifest.json ← ADN de la app (config, rutas, modelos)
index.html ← HTML raíz
mta.yaml ← Descriptor Multi-Target App
package.json ← Dependencias

Preview Local en BAS

Hot reload automático — los cambios se reflejan al instante sin deploy.

Run → Start [nombre-proyecto] → Abre en: port8080-workspaces-ws-[id].trial.applicationstudio.cloud.sap

MTA y Despliegue a BTP

El concepto de Multi-Target Application y cómo llegar a producción.

¿Qué es un MTA? → Es un paquete (.mtar) que contiene todo lo necesario para tu app: el código Fiori, la configuración de seguridad, las conexiones a backend y los servicios que necesita. Todo en un solo archivo desplegable.

Contenido de un MTA

MTA Archive (.mtar) ├── Módulo: tu app Fiori (HTML/JS/XML) ├── Módulo: app-content (zip para HTML5 Repo) ├── Servicio: HTML5 Application Repository ├── Servicio: XSUAA (seguridad) └── Servicio: Destination (conexiones a backend)

Comandos de Deploy

# 1. Construir el MTA (genera el .mtar) npm run build:mta # 2. Login a Cloud Foundry de BTP cf login -a https://api.cf.us10-001.hana.ondemand.com # 3. Desplegar a BTP npm run deploy
En resumen → Es como hacer git push a Vercel o Netlify, pero con la complejidad enterprise de SAP empaquetada por ti.

SAP Build Work Zone

El Fiori Launchpad en la nube — donde los usuarios ven sus apps.

¿Qué es?

El portal web donde los usuarios finales acceden a todas sus aplicaciones SAP como tiles (mosaicos). Es como la pantalla de inicio de un iPhone, pero para apps empresariales SAP.

// URL del Launchpad: https://[subdominio].launchpad.cfapps.[region].hana.ondemand.com

Componentes del Build Work Zone

Directorio del sitio
Crea y gestiona múltiples Launchpads
Gestor de contenido
Administra apps, roles y grupos
Explorador de contenido
Busca apps en el HTML5 Repository
Canales de contenido
Conecta fuentes externas de apps

Conceptos Clave

De BAS al Launchpad

El camino paso a paso desde código hasta tile visible.

Desarrollo en BAS

Escribes código en BAS con preview en tiempo real (hot reload). Los cambios se reflejan al instante.

Build

npm run build:mta — Genera el archivo .mtar, el paquete con todo lo necesario.

Deploy

npm run deploy — BTP crea automáticamente: HTML5 Repo, XSUAA y Destination Service.

Configuración en Build Work Zone

Sincronizar HTML5 Repo → Añadir app al rol “Everyone” → Crear grupo → Asignar app al grupo.

Resultado

Tile visible en el Fiori Launchpad. Los usuarios pueden acceder a tu app desde su portal.

Gestión de Identidades y Acceso

Quién puede entrar y cómo se autentica.

Proveedores de Identidad

Default (SAP ID)
Login con cuenta SAP/S-User. Para administradores BTP.
Custom (IAS)
SAP Cloud Identity Services propio. Para usuarios de negocio.
IAS ≈ Azure Active Directory pero de SAP → Gestiona usuarios, contraseñas, MFA, SSO. Se activa suscribiendo al servicio “Cloud Identity Services” en el Marketplace. Una vez activo tienes tu tenant propio.

El Stack Completo

Cómo se conecta todo: del navegador al backend.

Usuario Final
Navegador
Accede al Fiori Launchpad
Build Work Zone
Portal con tiles
SAP BTP (Business Technology Platform)
HTML5 App Repo
Tu app Fiori desplegada
Destination Service
Conexiones a backend
Cloud Identity
Usuarios y autenticación
XSUAA
Seguridad y permisos
Backend (dentro de BTP)
ABAP Environment
CDS Views, OData, RAP
CAP / HANA
Alternativa Node.js/Java
SAP On-Premise (Opcional)
S/4HANA · ECC
Conectado vía Cloud Connector

Cheat Sheet

Todo lo clave en una vista rápida.

BTP
Plataforma cloud SAP = AWS/Azure para SAP
Subcuenta
Ambiente aislado con sus propios servicios
BAS
VS Code en la nube, preconfigurado para SAP
Dev Space
VM preconfigurada por tipo de desarrollo
MTA
Paquete de despliegue multi-módulo
HTML5 App Repo
Donde viven las apps Fiori desplegadas
Build Work Zone
Fiori Launchpad en la nube
Tile
Mosaico de una app en el Launchpad
IAS
Identity & Access Management de SAP
Deploy
build:mta → cf login → deploy
Miaogo Logo

Consultoría TI especializada en SAP y transformación digital.

Contacto

email-icon

contacto@miaogo.com.mx

+52 442 146 5149

©2025 Miaogo. All Rights Reserved