Aviso:

Para brindarle información de soporte completa de manera más rápida, el contenido de esta página ha sido traducido al español mediante traducción automática. Para consultar la información de soporte más precisa, consulte la versión en inglés de este contenido.

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í.

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

code-bundle

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

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

copy
$
flutter pub get

pub-get

  1. 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. add-config

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

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

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

  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.

add-ios-config

Última actualización 2026-03-20 21:51:56 +0530 IST

ENLACES RELACIONADOS

Client Directory Structure