Start a conversation

INTEGRATING WHATSAPP API - SEND MESSAGES FROM THE GRID.

La integración dela API de Whatsapp nos ayudara a poder enviar un mensaje personalizado a uno o varios contactos que tengamos dentro de una GRID.


Creamos el formulario y la Grid Persona.



Los campos en que debe de tener el formulario son opcionales pero lo mas importante es que cuente con un nombre, email y por supuesto un numero de teléfono.



En el evento onBeforeInsert cargamos el siguiente código. 


$phone = {telefone};
$phone = str_replace(" ", "", $phone);
$phone = str_replace("+", "", $phone);
$phone = str_replace(".", "", $phone);
{telefone} = $phone;


La función str_replace reemplaza todas las apariciones del string buscado con el string de reemplazo

Esto es para poder formatear el numero de teléfono al que necesitamos.


En el evento onAfterInsert colocamos el siguiente código


$var_phone = {telefone};
$var_nome = {nombre1};
$var_conteudo = "Hola ".$var_nome.", todo bien? Usted esta recibiendo un mensaje debido a su solicitud de prueba de la API de Whatsapp.";
$var_imagem = "../_lib/img/whatsapp.png"; // Ruta de la imagen deseada.

$data = [
    'phone' => $var_phone,
    'body' => $var_conteudo,
    'filename' => $var_imagem
];
$json = json_encode($data);

$url = 'https://eu12.chat-api.com/instance6927/message?token=haalv4iox2vsybnb';

$options = stream_context_create(['http' => [
    'method'  => 'POST',
    'header'  => 'Content-type: application/json',
    'content' => $json
]
                                 ]);

$result = file_get_contents($url, false, $options);



Este código es propio para utilizar la API de Whatsapp para envió de mensajes.

La variable $url la obtendremos de la pagina.https://chat-api.com/en/?lang=ES de la siguiente forma. 


Ingresamos a la dirección.

Luego bajamos un poco la pagina hasta Send a Message

Para obtener la API hacemos click en Get an API key.

Nos llevara a la siguiente pantalla 


Aquí nos da a elegir el método de ingreso. Elegimos Log in via Google y colocamos una cuenta de google. 

Al ingresar nos encontramos con 



Ahora copiaremos el siguiente enlace 


Que es el enlace que ubicaremos en la variable $url.


Ahora volvemos al Scriptcase y pegamos el enlace que obtuvimos recién y con eso terminamos el Formulario.

Continuamos con la Grid. Para este ejemplo filtramos los campos que solo vamos a utilizar




Agregamos un campo de tipo texto {wpp}. 

En el evento onRecord agregamos el código.


{wpp} = "<img class='cm_wpp' data-phone='".{telefone}."' data-nome='".{nombre1}."' data-id='".{idpersona}."' src='/scriptcase/app/Proyecto_SMS/_lib/img/whatsapp.png' border='0'>";


Este código lo usaremos para cargar una imagen en el campo {wpp}. 

Ahora cargamos el código para poder enviar mensajes desde la grid en el evento onScriptInit


sc_include_lib("Jquery");

?>
<script>
    window.onload = function(e){
        $(".cm_wpp").on("click", function() {
            var phone = $(this).attr("data-phone");
            var nome = $(this).attr("data-nome");
            var id = $(this).attr("data-id");
           

            var url = 'https://eu12.chat-api.com/instance6927/message?token=haalv4iox2vsybnb'
            var body = 'Hola '+nome+', todo bien?\nUsted esta recibiendo este mensaje .';
           
            //enlace de la imagen que contiene .jpg o .png al final
            var img = 'http://www.mega.com/blog/wp-content/uploads/2017/03/whatspp.png';
           
            //passa o diretótio da imagem
            var img = '../_lib/img/whatsapp.png';

            var data = {
                phone: phone,
                body: body,
                filename: img //recibe una imagen.
            };
           
            $.ajax(url, {
            data : JSON.stringify(data),
            contentType : 'application/json',
            type : 'POST'
            });
        });
    }
</script>
<?php


Ahora ejecutamos la aplicación. 


Al hacer click en el icono de Whatsapp se enviara el mensaje que habíamos creado al numero del registro.

Choose files or drag and drop files
Was this article helpful?
Yes
No
  1. Luis García

  2. Posted
  3. Updated

Comments