Abrir WhatsApp desde Xamarin.Forms


WhatsPortada.jpg

Más del 75% del tiempo los usuarios o consumidores emplean su smartphone y se centran en conversar vía Whatsapp, por ende se entiende que actualmente las aplicaciones tiendan a incluir en su apartado de contacto la opción de interactuar con alguien a través de este medio o mejor aun, incluir un bot dentro de WhatsApp.

Sea cual sea la opción que se desee optar, en este artículo vamos a ver cómo nuestra aplicación desarrollada en Xamarin.Forms puede abrir un chat en WhatsApp para enviar un mensaje a un número específico.

Para este ejemplo vamos a utilizar el plugin Xamarin.Forms.OpenWhatsApp.

01

Comencemos generando un nuevo proyecto en VS 2019 que sea Forms en blanco:

02

Le asignamos un nombre como: WAXF

03

Seleccionamos la ruta donde se generara la solución:

04.png

Una vez creado el proyecto deberemos de agregar el NuGet Package, para esto hagamos clic con el botón derecho sobre la solución y seleccionemos Agregar -> Agregar paquetes NuGet…

05.png

En la ventana emergente escribamos “Xamarin.Forms.OpenWhatsApp” y seleccionemos el plugin como se muestra en la siguiente imagen:

06.png

Hacemos clic en el botón “Install”.

XAML

En nuestra UI añadamos un botón con la propiedad Clicked:

<StackLayout>
<Button Text=”Open WhatsApp” Clicked=”OpenWhatsApp”/>
</StackLayout>

C#

Agreguemos el using correspondiente:

using Xamarin.Forms.OpenWhatsApp;

Posteriormente utilizaremos el método de Chat, para esto abriremos el parámetro que pasa como un número de teléfono y un mensaje.

 private async void OpenWhatsApp(object sender, EventArgs e)
 {
   try
      {
        Chat.Open("+5255 XX XX XX XX", "Envia este texto... VGGL");
      }
   catch (Exception ex)
    	 {
         await DisplayAlert("Error", ex.Message, "OK");
       }
  } 

IOS

Si queremos que de igual manera funcione en los dispositivos de la marca Apple, deberemos de añadir en el archivo Info.plist los LSApplicationQueriesSchemes clave como se muestra a continuación.

<key>LSApplicationQueriesSchemes</key>
<array>
<string>whatsapp</string>
</array>

07

Con esto hemos terminado, guardemos, compilemos y probemos.

Resultado

08.png

Descarga el código completo desde mi GitHub.

GitIronMan

¡Hasta la próxima!

Responder

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s