Cómo realizar llamadas telefónicas con Cordova en Ionic 5

by | Oct 7, 2020 | Ionic, Desarrollo Móvil

Es posible realizar llamadas telefónicas desde una aplicación en Ionic, pero necesitamos de un plug-in llamado Call Number con la ayuda de Cordova, vamos a crear un proyecto en Ionic (en el caso de que vayas a empezar) con la ayuda de Ionic CLI, los pasos son los siguientes:

El primer paso es ejecutar los siguientes comandos en la consola para crear una aplicación en blanco:

ionic start EjemploLlamarTelefono blank 
cd EjemploLlamarTelefono 

 

El segundo paso es ejecutar los siguientes comandos en la consola para instalar el plugin de cordova:

ionic cordova plugin add call-number 
npm install @ionic-native/call-number 

 

El tercer paso es agregar algunas líneas en el archivo app.module.ts:

import { CallNumber } from '@ionic-native/call-number/ngx';
providers: [CallNumber]

El cuarto paso es agregar el método que realiza las llamadas en nuestro archivo home.ts:

 
import { CallNumber } from '@ionic-native/call-number';

constructor(private callNumber: CallNumber){}

callNumber(phoneNumber: number ){
    this.callNumber.callNumber(phoneNumber, true)
    .then(() => console.log('Llamada exitosa!'))
    .catch(() => console.log('Error al intentar llamar'));

}
 

El quinto  paso es crear un botón para realizar la llamada en el archivo home.html:

 <ion-button (click)='callNumber(3521234567)'> Llamar </ion-button>

Por ultimo, compilamos la aplicación, en mi caso en Android con el siguiente código:

 ionic cordova run android 

 

Y listo! Ya puedes llamar desde una aplicación en Ionic.

fuente: https://ionicframework.com/docs/native/call-number

Entradas relacionadas

Descubre en 5 minutos las áreas de tu empresa que puedes mejorar