Saltar al contenido

Cree su primera tarjeta en SAP Business Application Studio

Hacer clic aquí para obtener más información sobre SAP Mobile Cards en SAP Business Application Studio.


Paso 1: crear una conexión de servicio móvil

  1. Abra Business Application Studio e ingrese a su espacio de trabajo de desarrollo.

  2. En la barra de menú, vaya a Ver → Buscar comando, haga clic en Obtener orden.

    Orden abierta de paleta

    Para un desarrollo más rápido, puede utilizar la tecla de método abreviado.

  3. Mas o menos Tarjetas móviles y seleccione Tarjetas móviles: cree una conexión de servicio.

    Opción de conexión de servicio

  4. Ingrese un nombre para su conexión de servicios móviles; p.ej. cf-ms-trial.

    Nombre de conexión de servicio

  5. Ingrese a la API de administración para Cockpit Mobile Services.

    API de conexión de servicio

    Puede encontrar la API de administración en la sección Vínculos importantes de su cabina de Servicios móviles.

    Enlaces CPMS importantes

    En un enlace exitoso, verá un mensaje tostado en la esquina inferior derecha de su pantalla.

    Mensaje de brindis de éxito

Hecho

Inicie sesión para responder la pregunta

Paso 2: crea una nueva tarjeta

  1. Abra el comando Buscar, busque Create Project from Template y seleccione SAP Business Application Studio: cree un proyecto a partir de la plantilla.

    Solicite su nueva tarjeta

  2. Escoger Tarjetas móviles SAP → Haga clic en Comienzo.

    Solicite su nueva tarjeta

  3. Escoger Plantilla de tarjeta de bienvenida: instancia única → Ingrese un nombre para la tarjeta; p.ej. Welcome BAS → Haga clic en Finalizar.

    Ingrese un nombre para la tarjeta

  4. En su Explorador de archivos, expanda Welcome BAS Carpeta.

    Estructura de la tarjeta

    Puede obtener más información sobre la estructura de archivos aquí.

Paso 3: cambia la tarjeta

  1. En su Explorador de archivos, haga clic en metadata.json.

    Vista de Metadata.json

  2. Agregue un informe; p.ej. Creado en SAP Business Application Studio.

    Descripción Visual

  3. En su Explorador de archivos, haga clic en template_en.html.

    Ver un archivo HTML

  4. Abra el comando Buscar, busque Tarjetas móviles y seleccione Tarjetas móviles: vista previa.

    Vista previa del comando Pallete

    Se abrirá una ventana de vista previa para su tarjeta lateral.

    Ventana de vista previa

  5. Colapso <div class="card-content"> y reemplace el siguiente código con el código del recinto, incluidas las etiquetas div, y guarde el archivo.

    <div class="card-content">
      This is my first card in Business Application Studio.
    </div>
    

    Archivo HTML actualizado

Hecho

Inicie sesión para responder la pregunta

Paso 4: implementar y emitir una tarjeta

  1. Abra el comando Buscar, busque Tarjetas móviles y seleccione Tarjetas móviles: implementación.

    Estructura de la tarjeta

  2. Seleccione la tarjeta que creó; p.ej. Welcome BAS.

    Estructura de la tarjeta

    Tras la implementación exitosa, verá un mensaje tostado en la esquina inferior derecha de su pantalla.

    Mensaje de brindis de éxito

Hecho

Inicie sesión para responder la pregunta

Paso 5: publique una tarjeta en la carpeta Servicio móvil

  1. Abra su cabina de servicios móviles.

    CPMS de cabina

  2. Hacer clic Tarjetas móviles SAP.

    Tarjetas móviles con vista de cabina

  3. Haga clic en su tarjeta; p.ej. Welcome BAS.

    Lista de cartas

  4. En la tabla Versiones, haga clic en el Publicar icono icono para cambiar de estado a Productivo.

    Tarjeta en estado de desarrollo

  5. Escoger declarar.

    Publica un cuadro de diálogo de confirmación

    El estado de la tarjeta ahora debería ser Productivo.

    Tarjeta en estado productivo

Hecho

Inicie sesión para responder la pregunta

Paso 6: vea una tarjeta en su dispositivo

Asegúrese de seleccionar la pestaña de plataforma del dispositivo correcta ( Androide o iOS ) sobre.

  1. Estreno Renovación de tracción en el cliente de Android SAP Mobile Cards.

    Actualización de extracción de Android

    Si la tarjeta no se descarga automáticamente, volver a alistarse a la Tarjeta de contacto del proveedor en la sección Todas las donaciones.

    Ver suscripciones de Android

  2. Toque la tarjeta para abrirla y observe los cambios que realizó en el archivo html.

    Ver tarjeta de Android

  1. Estreno Renovación de tracción en el cliente iOS SAP Mobile Cards.

    IOS Pull Refresh

    Si la tarjeta no se descarga automáticamente, volver a alistarse a la tarjeta de contacto del proveedor en Más → Suscripciones → Todos → Proveedores de tarjetas de contacto.

    Ver suscripciones de iOS

  2. Toque la tarjeta para abrirla y observe los cambios que realizó en el archivo html.

    Echa un vistazo a la tarjeta iOS

Hecho

Inicie sesión para responder la pregunta


¡Felicidades! Creó su primera tarjeta a través de SAP Business Application Studio.

Puedes construir más ahora Aplicaciones de tarjetas móviles de SAP utilizando SAP Business Application Studio.