Aracely Chávez
Professional blog
  • Home
  • FAQ
  • Blog
  • Contacto
launch
April 17 2021

Accessing HTML5 App from Launchpad Cloud Environment

Aracely Chavez SAP FIORI, HTML5, Launchpad, SAP Cloud

Agregar una aplicación HTML5 al servicio Cloud Launchpad de SAP Business Technology Platform. 

Prerequisitos:  

  • Crear una aplicación Fiori HTML5 Managed approuter
  • Subscripción al servicio de Launchpad Cloud desde el Business Technology Platform.

Justificación:

Configurar el servicio de Launchpad de la cuenta trial SAP BTP para accesar una aplicación HTML5.

1.- Acceder al Launchpad desde el BTP cockpit.

Ir al servicio de Launchpad y a todas las subscripciones desde: Instances and Subscriptions (1) dentro de la cuenta trial en el cockpit BTP.

Posteriormente seleccionar el pequeño recuadro a un lado del servicio. (2) 

lp_subscription

2.- Crear un sitio en el Launchpad.

Ya en el servicio Launchpad, creamos un sitio. Presionar + Crear Sitio. 

lp_crear_sitio

Capturar el nombre de nuestro sitio.

lp_name

El sitio se ha creado.

lp_directorio

Ahora ir a la opción marcada en la fig. como 1 y posteriormente 2 Grupo.  

lp_grupo

Lo que estamos haciendo aquí es crear un grupo donde colocaremos las aplicaciones HTML5.

Capturar nombre y descripción (1) y posteriormente grabar (2).

lp_grupo_samples

3.- Actualizar el proveedor de contenido

Para agregar aplicaciones HTML5 al sitio creado primero se debe de actualizar el contenido en la cuenta ya que cada vez que se crea una aplicación nueva está no aparece automáticamente.

Primero ir a la opción marcada en la fig. como 1 y posteriormente 2 actualizar.  

lp_contenido

Aparecerá que se está actualizando la información.

lp_actualizando

Esperar aque la fecha y hora de la última modificación se actualice y el estado solo diga Activado.

4.- Agregar aplicaciones HTML5 al sitio.

Ahora ir a la opción marcada en la fig. como 1 y posteriormente en el Explorador de contenido 2, dar click en el recuadro 3 con la leyenda HTML5 Apps.

lp_explorador_cont

Aparecerá las aplicaciones HTML5. Seleccionar las requeridas y presionar Añadir a mi contenido.

lp_anadir_cont

Veremos que ya están añadidas como contenido disponible.

lp_apps

5.- Agregar las aplicaciones a un rol.

Ir a la opción marcada como (1), luego seleccionar (2) y dar click al rol Everyone.

Se puede crear otro rol para añadir las aplicaciones, para fines ilustrativos se utilizará Everyone.

lp_gestor_rol

Presionamos el botón Editar.

lp_rol_editar

Presionamos el signo de + en el recuadro de Buscar elementos para asignar.

lp_rol_buscar

Aparecerán las aplicaciones, seleccionarlas con + y presionar el botón Grabar.

lp_rol_asignar

Aparecerán el mensaje: “Modificaciones grabadas correctamente”. Regresar a Mi contenido.

6.- Agregar las aplicaciones a un cuadro de Grupo.

Ahora seleccionamos y damos click al grupo Samples que se había creado anteriormente.

lp_samples

Presionamos el botón Editar.

lp_samples_editar

Presionamos el signo de + en el recuadro de Buscar elementos para asignar.

lp_samples_buscar

Aparecerán las aplicaciones, seleccionarlas con + cada una y presionar el botón Grabar.

lp_samples_asignar

Aparecerán el mensaje: “Modificaciones grabadas correctamente”. Regresar a Mi contenido.

7.- Probar las aplicaciones desde el sitio creado en Launchpad.

Ahora seleccionamos el sitio desde el launchpad. Presionar la figura en el recuadro.   

lp_ir_sitio

Aparecerán el sito creado y el grupo con las aplicaciones asignadas.

lp_launchpad

FIN.

Photo by SpaceX on Unsplash

MTA Managed Fiori App using CAP service BAS Cloud Environment MTA Standalone Fiori App using CAP service BAS Cloud Environment

Related Posts

SAP

Vue and React Apps using SAP ES5 Gateway on BAS

clear_code

SAP

SAP Fiori Standalone App using Northwind OData Service

SAP

Sybase License SAP NetWeaver AS ABAP

About me

Hola, me llamo Ara,  soy Ingeniera en Sistemas y SAP Sr. Consultant. Escribo acerca de tecnologías SAP en español. Networking: contáctame.

Newsletter

Categories

  • Programming
  • SAP
  • Web Design

Recent Posts

  • dean-pugh-lap-winEjercicio en PSEINT
    October 22, 2022
  • Vue and React Apps using SAP ES5 Gateway on BAS
    July 17, 2021
  • clear_codeSAP Fiori Standalone App using Northwind OData Service
    May 15, 2021

Tags

ABAP BAS Bitnami CAP Cloud Foundry Connectivity Database Explorer Destinations DEVELOPER Dominio ES5 Gateway FIORI GIT repository Google.Domains HANA Hosting HTML5 Launchpad MINISAP NetWeaver Node Js Northwind Open Guided Development Plugins PSeInt Recursos Gratis SAP SAP Cloud SAPUI5 Security Subscriptions Temas Trial Account UI URL VSC Wordpress wp-admin
  • Home
  • FAQ
  • Blog
  • Contacto
  • Términos
  • Privacidad
  • Contacto