Saltar al contenido

Utilice las notas de OData para agregar la funcionalidad CRUD a la aplicación MDK

Puede clonar un proyecto existente desde Tienda GitHub y comience directamente con el paso 5 de este tutorial, pero asegúrese de completar el paso 2.


Mobile Development Kit ofrece capacidades de anotación OData a sus aplicaciones móviles nativas. El editor MDK admite la generación de páginas de listas de datos basadas en anotaciones. Las páginas de datos de lista son similares a una página de datos maestros, pero son dos páginas en lugar de una. El editor MDK analiza las notas existentes para darle un gran paso adelante en su aplicación móvil nativa.

Paso 1: comprender los elementos de SAP Fiori

Si es diseñador de aplicaciones de Fiori, es posible que ya esté familiarizado con las anotaciones y las plantillas inteligentes de OData.

Los elementos de SAP Fiori proporcionan diseños para patrones de UI y plantillas predefinidas para escenarios de uso de aplicaciones comunes. Los desarrolladores de aplicaciones pueden utilizar elementos de Fiori SAP para crear aplicaciones Sior Fiori basadas en servicios y notas de OData. Con poca o ninguna codificación, puede crear aplicaciones SAP Fiori. UI5 tiene una solución web, denominada plantillas inteligentes, que crea una aplicación de inicio al analizar las notas en su servicio OData.

También puede consultar más información sobre los elementos Fiori Informe de lista y Plantillas inteligentes

Hecho

Inicie sesión para responder la pregunta

Paso 2: agregue información de anotaciones al destino del backend

Un fin de semana de muestra en SAP Mobile Services proporciona funcionalidad de anotación para Productos. Si agrega una ruta de anotación al punto final posdoctoral dado, el editor MDK puede aprovechar la misma información de anotación para generar páginas CRUD relacionadas.

Asegúrese de tener una aplicación configurada en el paquete de servicios móviles y de haber instalado un servicio de muestra de acuerdo con el paso 3 de este tutorial.

  1. En la configuración de la aplicación de demostración SAP MDK, haga clic en Conectividad móvil.

    MDK

  2. Hacer clic Editar icono para agregar una ruta de anotación al SampleServiceV2 destino.

    MDK

  3. Con los siguientes pasos, deje que la configuración existente sea como está.

    I Notas paso, haga clic en Agregar URL de anotación para agregar notas de OData al servicio de muestra.

    Proporcione la información a continuación y haga clic en Hacia adelante:

    GortValor
    Annotation NameProduct
    Path/File/annotations/Products

    MDK

  4. En la siguiente pantalla, deje que la configuración predeterminada sea como está. Hacer clic Finalizar.

    Aquí puede ver que la información de OData Notes se actualiza en el SampleServiceV2 destino.

    MDK

Hecho

Inicie sesión para responder la pregunta

Paso 3: Cree un nuevo proyecto MDK en SAP Business Application Studio

Este paso implica el proyecto de crear un kit de desarrollo móvil en el editor.

  1. El espacio de desarrollo se lanzó en SAP Business Application Studio.

  2. Hacer clic Empezar desde la plantilla en la página de bienvenida.

    MDK

    Si no ve la página de bienvenida, puede acceder a ella a través de Ayuda menú.

  3. Escoger Proyecto MDK y haga clic en Comienzo.

    MDK

  4. I Conocimiento básico paso, seleccione o proporcione la información a continuación y haga clic en Hacia adelante:

    GortValor
    MDK template typeEscoger Base desde el otoño pasado
    Your project nameMDK_Annotations
    Your application name

    MDK

    Más detalles sobre Plantilla MDK disponible en documentación útil.

    Si tú ves La señal de la fundición en la nube expiró, ¿continuar sin conexión a servicios móviles? , luego configure el entorno de Foundry Cloud nuevamente haciendo clic en en la esquina inferior izquierda de la barra de estado para iniciar una sesión válida y haga clic en Comenzar de nuevo.

  5. I Configuración del servicio paso, proporcione o seleccione la información a continuación y haga clic en Hacia adelante:

    GortValor
    Service File Name<Provide any name of your choice>
    OData SourceEscoger Mobile Services desde el otoño pasado
    Application IdEscoger com.sap.mdk.demo desde el otoño pasado
    DestinationEscoger SampleServiceV2 desde el otoño pasado
    Enter a path to the OData serviceDéjalo así
    Language URLDéjelo con el valor predeterminado
    Enable OfflineEscoger No

    MDK

    Ya sea que esté creando una aplicación en línea o fuera de línea, este paso es necesario para que la aplicación se conecte a un servicio OData. Al crear la aplicación Mobile Development Kit, se asume que el servicio OData creado y el destino que apunta a este servicio está configurado en SAP Mobile Services and Business Technology Platform.

    Dado que crea una aplicación en línea, Habilitar la tienda sin conexión la opción está desmarcada.

  6. Después de hacer clic Hacia adelante, el asistente generará su aplicación MDK en función de sus selecciones. Debería MDK_Annotations proyecto en el explorador de proyectos. Dado que ya ha abierto el espacio de trabajo, no es necesario abrir el proyecto generado en un nuevo espacio de trabajo. Ignore la ventana emergente o haga clic en el ícono de la cruz para ocultar la ventana.

    MDK

Hecho

Inicie sesión para responder la pregunta

Paso 4: agregue el componente MDK Notes al proyecto MDK

  1. Botón derecho del ratón Application.app y seleccione MDK: nuevo componente de notas MDK.

    MDK

  2. El editor MDK recibe datos de anotaciones, seleccione Producto Anotar y hacer clic Hacia adelante.

    MDK

  3. I Personalización de plantillas paso, haga clic en Hacia adelante.

    MDK

  4. Hacer clic Finalizar para crear detalles de lista a partir de la anotación de OData.

    En el proyecto MDK, verá que se han creado nuevas páginas, acciones y reglas Producto.

    MDK

  5. Luego colocas un elemento de la barra Google en Main.page navegar a Product_List.page.

    I Main.page, arrastrar y soltar Elemento de la barra de herramientas control de página.

    MDK

  6. Cambiar un Subtitular a Productos.

    MDK

  7. Ahora arregla el onPress salida a NavToProduct_List.action.

    I Eventos pestaña, haga clic en el icono de enlace don OnPress propiedad para abrir el navegador de objetos.

    Haga doble clic en el NavToProduct_List.action y haga clic en Okey arreglarlo como el OnPress acción.

    MDK

    Las páginas, acciones y reglas creadas son un punto de partida. Puede editar esas páginas y crear las suyas propias. En este punto, el editor MDK ya no está leyendo las notas de OData.

    Para la página de lista, MDK admite el informe de lista. Para crear una página de datos, MDK requiere UI.LineItem y UI.HeaderInfo en el archivo de anotaciones.

    Si el diseñador de OData actualiza el esquema de datos de los servicios posdoctorales (notas), las páginas de MDK permanecerán como se crearon originalmente. No actualizará automáticamente las páginas ni sobrescribirá sus cambios. Usted está desconectado de las notas en este punto.

Paso 5: usa la aplicación

Hasta ahora, aprendió a crear una aplicación MDK en el editor de SAP Business Application Studio. Ahora aplicará esta definición de aplicación a los servicios móviles.

  1. Botón derecho del ratón Application.app y seleccione MDK: Implementación.

    MDK

  2. Seleccione un destino de implementación como Servicios móviles.

    MDK

    Debería ver Implementación exitosa mensaje.

    MDK

Hecho

Inicie sesión para responder la pregunta

Paso 6: Replica el código QR para abordar una aplicación

SAP Business Application Studio tiene una función para generar un código QR para una aplicación integrada.

Haga doble clic en el Application.app para abrirlo en MDK Application Editor y haga clic en Código QR de la aplicación icono para incluir el código QR.

MDKMDK

Hecho

Inicie sesión para responder la pregunta

Paso 7: Ejecute la aplicación en el cliente MDK

Asegúrese de seleccionar la pestaña de plataformas de dispositivo correcta arriba. Una vez escaneado y cargado con la URL incorporada, se recordará. Cuando cierre la sesión y vuelva a subir a bordo, se le pedirá que continúe usando la aplicación actual o escanee un nuevo código QR.

  1. Inclinarse estos pasos para abordar el cliente MDK.

    Cuando acepte una actualización de la aplicación, verá el Principal página con CERRAR SESIÓN y PRODUCTOS opciones en la parte inferior de la página. Sconna PRODUCTOS, irá a la página Lista de productos.

    MDK

  2. En las siguientes páginas, puede crear un nuevo registro, modificar un registro existente e incluso eliminar el registro.

    MDKMDK

  1. Inclinarse estos pasos para abordar el cliente MDK.

    Cuando acepte una actualización de la aplicación, verá el Principal página con Cerrar sesión y Productos opciones en la parte inferior de la página. Sconna Productos, irá a la página Lista de productos.

    MDK

  2. En las siguientes páginas, puede crear un nuevo registro, modificar un registro existente e incluso eliminar el registro.

    MDKMDK

Hecho

Inicie sesión para responder la pregunta


Enhorabuena, ha creado una aplicación móvil CRUD nativa totalmente funcional basada en anotaciones de OData y está listo para habilitar notificaciones push en MDK Public Store Client.