En la era digital actual, aprovechar todo el potencial de la tecnología es vital tanto para empresas como para las personas. Es una herramienta que ha revolucionado el desarrollo de aplicaciones es Microsoft Power Apps. Si deseas llevar tus habilidades de desarrollo de aplicaciones al siguiente nivel, es necesario saber cómo crear un conector personalizado en PowerApps. Hoy, te guiaremos a través del proceso, paso a paso, asegurándonos de que desbloquees el verdadero poder de esta plataforma.
Conector Personalizado en Power Apps (custom connector)
Power Apps es una plataforma muy flexible, pero su verdadero poder (Mega Power) surge cuando creas conectores personalizados. Estos conectores te permiten integrar tus aplicaciones con diversas fuentes de datos, ampliando su funcionalidad y haciéndolas más potentes. Vamos a revisar y explorar paso a paso cómo crear un conector personalizado en Microsoft Power Apps.
¿Querés conocer más detalles sobre cómo crear un Conector Personalizado en Power Apps / Power Automate? Custom Connector
A continuación, detallaremos las diferentes opciones y escenarios de cómo crear un Conector Personalizado (Custom Connector) en Power Apps /(o con Power Automate).
Microsoft Power Apps / Microsoft Power Automate le permite conectarse a casi todos los servicios web que existen. Hay gran amplia variedad de conectores disponibles para su uso (más de 750), pero es posible que tengas que comunicarse con servicios que no están disponibles como conectores prediseñados. Por esto existe la opción de crear conectores personalizados o Custom Connectors.
Si necesitas usar un conector que aún no existe, podés crear su propio conector personalizado. Incluso puede crear conectores personalizados para cualquier servicio web con una API.
Power Apps Conector Personalizado / APIs: Tabla Guía Resumen
Crear conectores personalizados en Power Apps es fundamental para utilizar todo el potencial completo de la plataforma, facilitando la integración con diversas fuentes de datos.
| Sección | Descripción |
|---|---|
| Introducción al Conector Personalizado en Power Apps | Explicación sobre conectores personalizados y la capacidad de crearlos para servicios web con API. |
| Definición de un Conector Personalizado | El conector actúa como (wrapper) capa para conectar APIs personalizadas a Power Apps, Power Automate y Azure Logic Apps. |
| Configuración del Conector Personalizado | Dos escenarios: crear uno nuevo desde cero o importar desde un archivo. Detalles generales, seguridad y definición del conector. Opción de código personalizado. |
| Pruebas del Conector Personalizado | Pasos detallados para probar el conector después de la configuración. |
| Escenarios Adicionales | Explicación de exportar/descargar y cómo importar conectores existentes. |
| Integración en una Aplicación Power Apps | Pasos para integrar el conector en una aplicación existente con ejemplo de configuración de galería. |
| Información Adicional | Necesidad de licencia premium, enlaces útiles, ejemplos de conectores y datos de contacto. |
¿Qué es un conector personalizado en PowerApps?
Un conector personalizado es una herramienta que permite conectar sus API personalizadas a Microsoft Power Apps o Microsoft Power Automate y Azure Logic Apps.
Un conector personalizado es una capa (wrapper) alrededor de una API que permite la comunicación.
¿Cómo configurar un conector personalizado de Power Apps para llamar a una API?
Para agregar una API en Power Apps o Power Automate, hay diferentes opciones disponibles, que se pueden reanudar en 2 escenarios:
- Escenario 1: Crear un nuevo conector personalizado desde cero (Creando uno Nuevo).
- Scenario 2: Crear un nuevo conector personalizado a partir de un archivo existente (Importar).
Información de la API gratuita para el ejemplo del conector personalizado de Power Apps
Para este ejemplo, usaremos una API gratuita llamada Reqres.
Reqres: es una REST-API alojada lista para responder a su AJAX
URL: https://reqres.in
API Método Get Lista de usuarios: https://reqres.in/api/users
Escenario #1- Comenzar a crear el conector personalizado de Power Apps desde cero
1- Log in en Power Apps or Power Automate.
2- Seleccionar Dataverse -> Custom connectors (En el panel de navegación a la izquierda).
Actualización: Dónde está el tab de Custom Connector??? 👇En la última versión de Power Apps studio, ya no se encuentra el tab Conector Personalizado por defecto. Te explicamos cómo encontrarlo: 👇
3- Seleccionar New custom Connector -> elegir Create from blank.
4-Ingresar el nombre del custom connector, seleccionar «Continue«.
Importante: Tener en cuenta que hoy en día, después de crear el conector, no se puede cambiar el nombre del conector. Tenés que exportarlo/ eliminarlo y crear uno nuevo.
Paso 1: Detalles generales de la API y el Conector de Power Apps
En el tab General:
- En el campo Description, ingresé un texto relevante. Esta descripción aparecerá en los detalles del conector personalizado y puede ayudar a otras personas a saber si el conector podría serles útil. En el ejemplo con: test api
- Schema: HTTP or HTTPS. En el ejemplo con: HTTPS
- Actualizar la dirección URL, Host to the address. El conector utiliza el host de la API y la URL base para determinar cómo llamar a la API. En el ejemplo con: reqres.in
Nota: No ingrese la URL completa con http/https de la API, ya que antes se seleccionó el Schema (HTTP/HTTPS).
Seleccionar Security para continuar.
Paso 2: Seguridad del conector personalizado de Power Apps: Elegir «authentication type»
En el Tab Security:
2.1- Elija el tipo de Autenticación ‘authentication type’. En el ejemplo: No Authentication.
Seleccionar Definition y continuar.
Paso 3: Definición del Power Apps Custom Connector
En el tab Definition:
3.1- Crear a New Action – Actions > Seleccionar New Action
3.2- Completar Summary / Description / Operation ID para la nueva acción.
3.3- Request – Import from sample – Get List
Seleccionar Import from sample.
En el ejemplo:
Verb: GET
URL: https://reqres.in/api/users
Clic Import
3.4- Response – Add default response – JSON Get List Response
Seleccionar Add default response
3.5- Seleccionar Import from sample
3.6- Copiar el RAW JSON de la respuesta de la URL
En el ejemplo, desde la URL: https://reqres.in/api/users
O se puede copiar la respuesta en RAW JSON desde el Postman:
3.7- Pegar en el Body (como se muestra a continuación):
Luego, seleccionar Import
Finalmente verás las propiedades cargadas en la respuesta (response).
3.8- Seleccionar en Code para continuar.
Paso 4: (Opcional) Usar código personalizado en un conector personalizado de Power Apps
- Este paso es opcional. Podés pasar este paso y completar la creación de su conector yendo al Paso 5: Probar el conector personalizado de Power Apps.
Esto permite utilizar código C# para transformar los datos de solicitudes y respuestas más allá del alcance de las definiciones de la API. Las transformaciones incluyen también llamado de una API externa para obtener datos adicionales.
En el tab Code:
4.1- Seleccionar en Test para continuar.
Paso 5: Probar el Conector personalizado de Power Apps
En el tab Test:
- Para testing:
Primero, debes crear el conector y crear una conexión. No te preocupes, sigue los pasos:
5.1- Create Connector
Seleccionar Create Connector.
5.2- Crear un nueva conexión – Create a new connection
Seleccionar New Connection.
Luego, Seleccionar Create.
5.3- Test Operation
Seleccionar Test Operation.
Felicitaciones! Ahora ya esta terminado, ya podés usar el conector personalizado en Power Apps or Power Automate (ex Flows).
Seleccionar Close
Cómo exportar/descargar un conector personalizado existente en PowerApps?
Es una buena práctica descargar todos sus conectores y usar GIT o cualquier otro sistema de administración de código fuente para guardar los archivos.
-Fácil, seleccionar download en el conector personalizado:
Escenario #2: Cómo importar un conector personalizado existente en PowerApps?
1- Seleccionar Dataverse > Custom connectors (En el panel de navegación de la izquierda).
2- Seleccionar New custom connector, luego elegir Import an OpenAPI file.
Nota: Otra buena opción es importar una colección de Postman (primero, necesitas exportar la Colección de Postman).
Ingresar el nuevo nombre del conector, new name of the custom connector.
Luego, Seleccionar import para buscar el archivo (seleccionar el archivo).
Finalmente, Seleccionar Create.
Descargar el ejemplo: API-Test-Connector.swagger.v1.json
Finalmente, Seleccionar Create Connector
Integrar APIs con PowerApps (Custom Connector):
1- Log in en Power Apps.
2- Crear una nueva App o usar una existente.
Home > Blank app
3- Agregar un Custom Connector existente:
En. el panel de la izquierda, Seleccionar Data – Add Data,
Seleccionar Connectors tab y encontrarás el nombre del custom connector en la lista.
Seleccionar the custom connector (Cargará y creara una nueva conexión).
4- Verificar el Custom Connector:
En la lista de conectores, Seleccionar el custom connector.
En el panel de Datos, verificar que se encuentre en la lista el custom Connector (en el ejemplo APITestConnector).
5- Agregaremos una nueva Galeria Gallery para utilizar el Conector personalizado (Custom Connector) y API.
-Insertar una galeria Gallery (ejemplo vertical).
6- En las propiedades de la galeri Gallery, configurar en Items:
APITestConnector.GetUsers().data
7- Cambiar la propiedad de imagen (image) a «API.Response.data.avatar»
ThisItem.avatar
8- Cambiar la propiedad Texto (Text) a:
ThisItem.first_name & » » ThisItem.last_name
9- Resultado final!!!
Felicitaciones! ¡Ya terminaste!. Creaste un conector personalizado en Power Apps desde cero y lo integraste en un Power App.
Conector Premium de Power Apps precios y costos
Importante: Se requiere una licencia premium para usar conectores personalizados.
Power Apps precios
Otros Tutoriales de Power Apps:
También podés ver un Tutorial simple y fácil ideal para principiantes y para aquellos que quieren 👨💻👩💻 Crear tu primera aplicación en 4 pasos:
Cómo crear una app en 30 segundos | Sharepoint Power Apps
Crear una App con Excel en 5 pasos | Excel Power Apps
👉 Contactanos para más información o para agendar una reunión.
Power Apps Custom Connector Extras
Cómo importar una API a Power Apps – Video
Power Apps Links útiles
Usar un custom connector en Power Apps
Lista de conectores de Power Apps
Ejemplos e información del Custom Connector Power Apps:
– Ejemplo de Power Apps Custom Connector (GitHub)
¿Quieres saber más detalles?
Complete el formulario de contacto para programar una consultoría de Power Apps o si lo prefiere escríbanos, puede escribirnos a info@hakoit.com
Consultoría Power Apps
