---
title: "Configurar el cliente Flutter"
url: https://docs.catalyst.zoho.com/es/tutorials/dialer-mobile-app/flutter/configure-client/
description: "Construye una aplicación de marcador en Flutter con Catalyst Advanced I/O Functions, Data Store y la API de voz de Twilio para llamar a tus clientes."
last_updated: 2026-11-04T10:10:44Z
service: All Services
type: tutorial
related_links:
  - name: "Client Directory Structure"
    url: /es/cli/v1/project-directory-structure/introduction
---

# Configurar el cliente Flutter

Proporcionaremos el código completo de Flutter para tu aplicación Dialer. Puedes descargar el código de Flutter desde [aquí](https://learn.zoho.com/scroll/downloadFile.do?soid=671864332&fileId=5569550000021783853&articleId=5569550000012907037).

El directorio del código se verá así:

![code-bundle](https://catalyst-docs-development.zohostratus.in/images/tutorials/dialer-app/flutter/code-bundle.webp)

> **Nota:** Este zip de código contiene el código fuente requerido para ambas aplicaciones Android e iOS.

En el código proporcionado, ya hemos importado el SDK de Flutter en el archivo `lib/main.dart`. Puedes consultar los pasos detallados para importar el SDK en esta página de ayuda.

Después de importar el SDK, hemos inicializado el SDK en la función main() usando el método `ZCatalystApp.init()`. Para conocer los pasos para inicializar el SDK, puedes consultar esta página de ayuda.

> **Nota:** Dado que el código proporcionado incluye el archivo `build.gradle`, no necesitarás reconstruir la aplicación manualmente.

Ahora procederemos a configurar y ejecutar la aplicación en Android Studio y Xcode.

Para configurar el proyecto en Android Studio, asegúrate de seguir los pasos listados a continuación:

1. Haz clic en **File → Open** y abre la carpeta de código descargada.
![file-open](https://catalyst-docs-development.zohostratus.in/images/tutorials/dialer-app/flutter/file-open.webp)

2. Navega a **View → Tool Windows → Terminal**.
Ejecuta el siguiente comando en la terminal para instalar las dependencias necesarias para la aplicación Flutter.

```sh
flutter pub get
```

![pub-get](https://catalyst-docs-development.zohostratus.in/images/tutorials/dialer-app/flutter/pub-get.webp)

3. Navega al directorio assets (**/assets**) de tu módulo de app Android y agrega el archivo de configuración de Android que descargaste de la consola de Catalyst en [este paso](https://docs.catalyst.zoho.com/es/tutorials/dialer-mobile-app/flutter/register-app).
![add-config](https://catalyst-docs-development.zohostratus.in/images/tutorials/dialer-app/flutter/add-config.webp)

A continuación, necesitaremos configurar las URLs de la función de Catalyst para ambas rutas `/makeCall` y `/getLogs` en el archivo `catalyst_paramters.env` en Android Studio.
	
Para obtener la URL de la función de Catalyst, navega a **Serverless → Functions** y haz clic en la **función dialer**.

![function-page](https://catalyst-docs-development.zohostratus.in/images/tutorials/dialer-app/flutter/function-page.webp)

Copia la URL de invocación como se muestra en la captura de pantalla a continuación y pégala en el archivo `catalyst_paramters.env`.

![invocation-url](https://catalyst-docs-development.zohostratus.in/images/tutorials/dialer-app/flutter/invocation-url.webp)

Por ejemplo:

**CALL_INITIATION_URL** = https://catalystdialerapp-781316834.development.catalystserverless.com/server/dialer/makeCall

**CALL_LOGS_URL** = https://catalystdialerapp-781316834.development.catalystserverless.com/server/dialer/getLogs

Para configurar el proyecto iOS en Xcode, asegúrate de seguir los pasos listados a continuación:

1. Haz clic en **File → Open** y abre la carpeta iOS y todos los demás archivos del zip de código extraído anteriormente, excepto la carpeta android.
![open-xcode](https://catalyst-docs-development.zohostratus.in/images/tutorials/dialer-app/flutter/open-xcode.webp)

2. Haz clic derecho en **Runner**. Selecciona **Add Files to Runner** y ahora agrega el archivo de configuración de iOS descargado en [este paso](https://docs.catalyst.zoho.com/es/tutorials/dialer-mobile-app/flutter/register-app).

![add-ios-config](https://catalyst-docs-development.zohostratus.in/images/tutorials/dialer-app/flutter/add-ios-config.webp)