Saltar al contenido

Implementar un enlace profundo a otra aplicación desde la aplicación MDK

Puede clonar un proyecto existente desde Tienda GitHub y comience directamente con el paso 5 de este tutorial.


Los enlaces profundos se utilizan para enviar a los usuarios directamente a una aplicación en lugar de a un sitio web o tienda, lo que les ahorra tiempo y energía a los usuarios para encontrar una página en particular, lo que mejora significativamente la experiencia del usuario.

Si una aplicación ya está instalada, puede especificar un esquema de URL personalizado (enlaces universales de iOS) o una URL de intención (en dispositivos Android) que abre esa aplicación. Mediante un vínculo profundo, puede navegar a eventos o páginas específicos, que pueden estar vinculados a campañas que tal vez desee ejecutar.

Este tutorial se realizó a través de un cliente MDK de tienda pública que tiene funcionalidad lista para usar para abrir aplicaciones SAP estándar como SAP Mobile Cards y Sior Fiori Client.
Si está creando una versión personalizada de un cliente de kit de desarrollo móvil, puede implementar enlaces profundos especificando un esquema de URL personalizado asociado.

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

  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 Empty desde el otoño pasado
    Your project nameMDKDeepLink
    Your application name

    MDK

    El es Proyecto vacío MDK crea una plantilla de acción de cierre de sesión, acción de cierre de página, regla y página vacía (Main.page). Después de usar esta plantilla, puede concentrarse en crear sus páginas, otras acciones y reglas necesarias para su aplicación. 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. Después de hacer clic Hacia adelante, el asistente generará su aplicación MDK en función de sus selecciones. Debería MDKDeepLink proyecto en el explorador de proyectos.

Hecho

Inicie sesión para responder la pregunta

Paso 2: crea una nueva regla

En el editor MDK, creará 4 nuevos archivos de reglas:

  • OpenSAPMobileCards.js para abrir la aplicación SAP Mobile Cards
  • OpenSAPFioriClient.js para abrir la aplicación Fiori SAP Client
  • OpenUI5.js para abrir una aplicación UI5 que se ejecuta en la aplicación Fiori SAP Client
  • OpenSAPcom.js abierto SAP.com Página web

    Puedes encontrar más detalles al respecto. Escribe una regla.

  1. Haga clic derecho en el Normas carpeta MDK: Nuevo archivo de reglas | Seleccione Regla JS vacía.

    MDK

  2. Ingrese el nombre de la regla OpenSAPMobileCards, Prensa Enter.

    MDK

    Reemplace el botón generar con el siguiente código.

    export default function OpenSAPMobileCards(context) {
        // Get the Nativescript UI Dialogs Module
        const dialogs = context.nativescript.uiDialogsModule;
        // Get the Nativescript Utils Module
        const utilsModule = context.nativescript.utilsModule;
        return dialogs.confirm("Do you want to leave the current app?").then((result) => {
            if (result === true) {
                //This will open SAP Mobile Cards app
                return utilsModule.openUrl("com.sap.content2go://");
            } else {
                return Promise.reject('User Deferred');
            }
        });
    }
    

    MDK

    openUrl es un NativeScript API para abrir URL en el dispositivo. Puedes encontrar más detalles al respecto. esta API.

  3. Guarde sus cambios en el OpenSAPMobileCards.js expediente.

  4. Repita el paso anterior y cree otro nuevo archivo de reglas:

    Ingrese el nombre del archivo OpenSAPFioriClient, haga clic en Okey.

    Reemplace el botón generar con el siguiente código.

    export default function OpenSAPFioriClient(context) {
        // Get the Nativescript UI Dialogs Module
        const dialogs = context.nativescript.uiDialogsModule;
        // Get the Nativescript Utils Module
        const utilsModule = context.nativescript.utilsModule;
        return dialogs.confirm("Do you want to leave the current app?").then((result) => {
            if (result === true) {
                //This will open SAP Fiori Client App
                return utilsModule.openUrl("com.sap.fiori.client.xcallbackurl://x-callback-url");
            } else {
                return Promise.reject('User Deferred');
            }
        });
    }
    

    MDK

  5. Guarde sus cambios en el OpenSAPFioriClient.js expediente.

  6. Repita el paso anterior y cree otro nuevo archivo de reglas:

    Ingrese el nombre del archivo OpenUI5, haga clic en Okey.

    Reemplace el botón generar con el siguiente código.

    export default function OpenUI5(context) {
        // Get the Nativescript UI Dialogs Module
        const dialogs = context.nativescript.uiDialogsModule;
        // Get the Nativescript Utils Module
        const utilsModule = context.nativescript.utilsModule;
        return dialogs.confirm("Do you want to leave the current app?").then((result) => {
            if (result === true) {
                //This will open Software Downloads app running in SAP Fiori Client
                return utilsModule.openUrl("com.sap.fiori.client.xcallbackurl://x-callback-url/openFioriUrl?url=https://launchpad.support.sap.com/#/softwarecenter");
            } else {
                return Promise.reject('User Deferred');
            }
        });
    }
    

    MDK

  7. Guarde sus cambios en el OpenUI5.js expediente.

  8. Cree un archivo de reglas más y asígnele un nombre OpenSAPcom.

    Copie y pegue el siguiente código.

    export default function OpenSAPcom(context) {
        // Get the Nativescript UI Dialogs Module
        const dialogs = context.nativescript.uiDialogsModule;
        // Get the Nativescript Utils Module
        const utilsModule = context.nativescript.utilsModule;
        return dialogs.confirm("Do you want to leave the current app?").then((result) => {
            if (result === true) {
                //This will open SAP.com website
                return utilsModule.openUrl("https://www.sap.com");
            } else {
                return Promise.reject('User Deferred');
            }
        });
    }
    

    MDK

  9. Guarde sus cambios en el OpenSAPcom.js expediente.

Hecho

Inicie sesión para responder la pregunta

Paso 3: coloque botones en la página principal para abrir otras aplicaciones o páginas web

  1. Adelante, en Main.page, arrastre y suelte el Tabla de botones de departamento Control de contenedor de página.

    MDK

    Los controles disponibles en la sección Contenedores incluyen controles que actúan como contenedores para otros controles, como mercancías en contenedores. Hay un contenedor fijo para cada página. El tamaño del contenedor depende de los controles y del material incluido.
    Puedes encontrar más detalles al respecto. Contenedores.

  2. Ahora agregará elementos a este control de contenedor.

    Arrastra y suelta el Botón Alt Control de artículos de contenedor en la página.

    MDK

  3. Repita el paso anterior y arrastre y suelte 3 más de lo mismo Botón Alt Controles de elementos de contenedor.

    MDK

  4. Seleccione el primer control y cambie su título a Tarjetas móviles SAP abiertas.

    MDK

  5. Repita el paso anterior y cambie el título a otros controles como se muestra a continuación:

    MDK

Paso 4: Configure el controlador onPress en los botones

  1. En este paso, adjuntará los archivos JavaScript a la OnPress de cada botón.

    I Main.page, Seleccione Tarjetas móviles SAP abiertas botón. En el panel Propiedades, haga clic en el Eventos pestaña, haga clic en el icono de enlace don Handler propiedad para abrir el navegador de objetos.

    Haga doble clic en el OpenSAPMobileCards.js y haga clic en Okey arreglarlo como el OnPress acción.

    MDK

  2. Haga lo mismo nuevamente y haga lo siguiente:

    Establecer el controlador para Cliente Open Real SAP botón para OpenSAPFioriClient.js.

    Establecer el controlador para Abra la aplicación UI5 botón que OpenUI5.js.

    Establecer el controlador para Abra la página de SAP.com botón que OpenSAPcom.js.

Hecho

Inicie sesión para responder la pregunta

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

  3. Seleccione la aplicación de 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 que escanee un nuevo código QR.

  1. Inclinarse estos pasos para abordar el cliente MDK.

    Tan pronto como acepte una actualización de la aplicación, verá Principal página con los botones que agregó en el paso 3 anterior.

    MDK

  2. Sconna ABRIR ABRIR TARJETAS MÓVILES y luego toque Okey.

    MDK

    Si ya tiene instalada la aplicación SAP Mobile Cards, la aplicación MDK la abrirá.

    MDK

  3. Golpes CLIENTE FIORI SAP OPEN se abrirá Cliente Fiori SAP aip.

    Si tiene acceso a cualquier aplicación Fiori o página de Fiori Launchpad, por ejemplo Launchpad de soporte de SAP, luego ingrese esa URL en su aplicación Fiori Client.

    MDK

  4. Haciendo tapping en OSP UI5 ABIERTO una aplicación separada que se ejecuta en SAP Fiori Client se abrirá al OpenUI5.js expediente.

    A continuación, se muestra una aplicación de descargas de software UI5 ​​como parte de SAP Support Launchpad.

    MDK

  5. Haciendo tapping en PÁGINA OSP. SAP.COM Se abrirá el sitio web de SAP.

    MDK

  1. Inclinarse estos pasos para abordar el cliente MDK.

    Tan pronto como acepte una actualización de la aplicación, verá Principal página con los botones que agregó en el paso 3 anterior.

    MDK

  2. Sconna Tarjetas móviles SAP abiertas y luego toque Okey.

    MDK

    Si ya instaló la aplicación SAP Mobile Cards, la aplicación MDK la abrirá.

    MDK

  3. Golpes Cliente Open Real SAP se abrirá Cliente Fiori SAP aip.

    Si tiene acceso a cualquier aplicación Fiori o página de Fiori Launchpad, por ejemplo Launchpad de soporte de SAP, luego ingrese esa URL en su aplicación Fiori Client.

    MDK

  4. Haciendo tapping en Abra la aplicación UI5 una aplicación separada que se ejecuta en SAP Fiori Client se abrirá al OpenUI5.js expediente.

    A continuación, se muestra una aplicación de descargas de software UI5 ​​como parte de SAP Support Launchpad.

    MDK

  5. Haciendo tapping en Abra la página de SAP.com Se abrirá el sitio web de SAP.

    MDK

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 que escanee un nuevo código QR.

Hecho

Inicie sesión para responder la pregunta


Felicitaciones, ha implementado con éxito la vinculación profunda con otra aplicación desde su aplicación MDK y ahora planea usar OData Notes para agregar la funcionalidad CRUD a la aplicación MDK.