Conexión a Dynamics 365 desde PowerAppsConnect to Dynamics 365 from PowerApps

PowerApps le permite generar, personalizar, compartir y ejecutar rápidamente aplicaciones móviles con poco o ningún código.PowerApps lets you quickly generate, customize, share, and run mobile apps with little or no code. Mediante el conector de Dynamics 365, puede crear útiles aplicaciones móviles para compartir con su organización en tan solo unos minutos.By using the Dynamics 365 connector, you can create useful mobile apps to share with your organization in just a few minutes.

Si sigue los pasos descritos en este tema, creará una aplicación en la que los usuarios podrán examinar, agregar, eliminar y realizar actualizaciones en los contactos de Dynamics 365.By following the steps in this topic, you'll create an app in which users can browse, add, delete, and make updates to contacts in Dynamics 365. Los usuarios pueden ejecutar la aplicación en un explorador o en un dispositivo móvil, como un teléfono.Users can run the app in a browser or on a mobile device such as a phone.

Requisito previoPrerequisite

Para seguir este tutorial, necesita una cuenta de Microsoft Office 365 que incluye una suscripción a Dynamics 365.To follow this tutorial, you need a Microsoft Office 365 account that includes a Dynamics 365 subscription.

Crear una conexiónCreate a connection

  1. Inicie sesión en PowerApps.Sign in to PowerApps.
  2. En el panel de navegación izquierdo, haga clic en Conexiones.In the left navigation pane, click Connections.

    Opción Conexión en el menú Archivo

  3. Cerca de la esquina superior derecha, haga clic en Nueva conexión.Near the upper-right corner, click New connection.

    Nueva conexión

  4. En la lista de conexiones, haga clic en Dynamics 365.In the list of connections, click Dynamics 365.

    Opción Conexión en el menú Archivo

  5. En el cuadro de diálogo, haga clic en Crear.In the dialog box, click Create.

    Crear conexión

  6. En el cuadro de diálogo Iniciar sesión en la cuenta, indique sus credenciales para el inquilino Dynamics 365 (en línea).In the Sign in to your account dialog box, provide your credentials for the Dynamics 365 (online) tenant.

    Se crea una conexión.A connection is created.

Generar una aplicación automáticamenteGenerate an app automatically

  1. Inicie sesión en PowerAppsy, después, haga clic en Nueva aplicación cerca de la esquina inferior izquierda.Sign in to PowerApps, and then click New app near the lower-left corner.

    Nueva aplicación

  2. En Comenzar con los datos, haga clic en Diseño de teléfono en el icono Dynamics 365.Under Start with your data, click Phone layout on the Dynamics 365 tile.

    Conector Dynamics 365 en PowerApps

  3. En Conexiones, seleccione la conexión que desee y, después, elija un conjunto de datos, que se corresponde a la instancia de Dynamics 365 que va a administrar en la aplicación.Under Connections, select the connection that you want, and then choose a dataset, which corresponds to the instance of Dynamics 365 that you'll manage in the app.
  4. En Elegir una tabla, haga clic en Contactos y, después, haga clic en Conectar.Under Choose a table, click Contacts, and then click Connect.
  5. En la barra de navegación izquierda, haga clic o pulse en uno de los iconos de la esquina superior derecha para cambiar a la vista en miniatura.In the left navigation bar, click or tap an icon in the upper-right corner to switch to the thumbnail view.

    Alternancia de las vistas

PowerApps genera una aplicación de tres pantallas basada en los registros de contactos.PowerApps generates a three-screen app based on contact records.

  • ExaminarPantalla1.BrowseScreen1. Esta pantalla aparece de forma predeterminada cuando los usuarios abren la aplicación.This screen appears by default when users open the app. En la barra de navegación izquierda, se muestra una vista en miniatura de esta pantalla sobre las otras dos pantallas.In the left navigation bar, a thumbnail for this screen appears above the other two screens.
  • PantallaDetalles1.DetailScreen1. Esta pantalla aparece cuando los usuarios hacen clic en un elemento de ExaminarPantalla1.This screen appears when users click an item in BrowseScreen1. En la barra de navegación izquierda, se muestra una vista en miniatura de PantallaDetalles1 sobre las otras dos pantallas.In the left navigation bar, a thumbnail for DetailScreen1 appears between the other two screens.
  • EditarPantalla1.EditScreen1. Esta pantalla aparece cuando los usuarios hacen clic en el icono de edición de un elemento en PantallaDetalles1.This screen appears when users click the edit icon for an item in DetailScreen1. En la barra de navegación izquierda, se muestra una vista en miniatura de EditarPantalla1 sobre las otras dos pantallas.In the left navigation bar, a thumbnail for EditScreen1 appears under the other two screens.

Puede ejecutar la aplicación en su estado inicial, pero podemos hacerla más útil si perfeccionamos la información en cada pantalla.The app can run in its initial state, but we can make it more useful by refining the information on each screen.

Personalizar ExaminarPantalla1Customize BrowseScreen1

En este procedimiento, va a configurar ExaminarPantalla1 para mostrar los nombres y apellidos de cada contacto.In this procedure, you'll configure BrowseScreen1 to show the first and last names of each contact. Los datos se ordenarán alfabéticamente por apellido e incluyen imágenes en una cuadrícula de dos columnas.The data will be sorted alphabetically by last name and include images in a two-column grid.

  1. En ExaminarPantalla1, seleccione la galería haciendo clic en cualquier registro, excepto en el primero.In BrowseScreen1, select the gallery by clicking any record in it except the first one.

    Seleccionar diseño

  2. En el panel de la derecha, pulse o haga clic en la pestaña Datos.In the right-hand pane, click or tap the Data tab.
  3. En la lista de diseños, pulse o haga clic en el diseño que muestra imágenes y texto en una cuadrícula de dos columnas.In the list of layouts, click or tap the one that shows pictures and text in a two-column grid.

    Puede que necesite desplazarse hacia abajo para mostrar esta opción.You might need to scroll down to show this option.

    Seleccionar diseño

  4. Copie esta fórmula y, después, con la galería aún seleccionada, pegue la fórmula en la barra de fórmulas (a la derecha del botón fx):Copy this formula and then, with the gallery still selected, paste the formula in the formula bar (to the right of the fx button):

    SortByColumns(Search(Filter(Contacts,statuscode=1), TextSearchBox1.Text, "lastname"), "lastname", If(SortDescending1, Descending, Ascending))

  5. En el panel derecho, establezca la lista desplegable superior en firstname y la lista desplegable central en lastname.In the right-hand pane, set the top drop-down list to firstname and the middle drop-down list to lastname.

    Seleccionar Cuerpo1

  6. (opcional) En el menú Archivo, haga clic en Guardar como, escriba un nombre para la aplicación y haga clic en Guardar.(optional) On the File menu, click Save as, type a name for the app, and then click Save.

    De forma predeterminada, la aplicación se guardará en la nube.By default, the app will be saved to the cloud. Haga clic en Este equipo para guardar la aplicación localmente.Click This computer to save your app locally.

Personalizar PantallaDetalles1 y EditarPantalla1Customize DetailsScreen1 and EditScreen1

  1. En la barra de navegación izquierda, haga clic en la miniatura central para seleccionar PantallaDetalles1.In the left navigation bar, click the middle thumbnail to select DetailsScreen1.
  2. En PantallaDetalles1, haga clic en cualquier lugar debajo de la barra de título para mostrar las opciones de personalización del panel derecho.On DetailScreen1, click anywhere below the title bar to show customization options in the right-hand pane.

    Mostrar personalización de formularios

  3. En el panel derecho, haga clic en el icono de ojo de cada campo para mostrarlo.In the right-hand pane, click the eye icon for each field to hide it.

    Ocultar campos

  4. Haga clic en cualquier lugar bajo la barra de título para seleccionar Formulario1.Click anywhere under the title bar to select Form1.

    Seleccionar Formulario1

  5. En el panel derecho, haga clic en el icono de ojo para cada uno de estos campos, por lo que la pantalla mostrará una imagen (si la tabla contiene una) y otros cuatro campos para cada contacto:In the right-hand pane, click the eye icon for each of these fields, so that the screen will show an image (if the table contains one) and four other fields for each contact:

    • entityimageentityimage
    • firstnamefirstname
    • lastnamelastname
    • mobilephonemobilephone
    • emailaddress1emailaddress1

      El panel derecho debe ser similar a este gráfico:The right-hand pane should resemble this graphic:

      Seleccionar Formulario1

  6. Seleccione EditarPantalla1 haciendo clic en la miniatura inferior de la barra de navegación izquierda.Select EditScreen1 by clicking the bottom thumbnail in the left navigation bar.
  7. Repita los pasos de este procedimiento para personalizar EditarPantalla1 del mismo modo que en PantallaDetalles1.Repeat the steps in this procedure to customize EditScreen1 the same way as DetailsScreen1.
  8. (opcional) Guarde la aplicación.(optional) Save the app.

Pasos siguientesNext steps