Generar código QR de WhatsAspp

Muestre el código QR para iniciar sesión en Whatsapp.

Importante:

La conectividad de los códigos QR de Whatsapp expiran luego de 30000 mili-segundos, por lo que deberá generar uno nuevo.

Nota:

Puede obtener los resultados devueltos a través del Webhook

POST /Generar código QR

https://easyhermes.com/api/getqrcode.php?instance_id={INSTANCE_ID}&access_token={YOUR_ACCESS_TOKEN}

Parámetros

instance_id{INSTANCE_ID}access_token{YOUR_ACCESS_TOKEN}

Ejemplos de códigos

Vea algunos ejemplos de código para integrar su API.

PHP - cURL

<?php$curl = curl_init();$access_token = '{YOUR_ACCESS_TOKEN}';$instance_id = '{INSTANCE_ID}';curl_setopt_array($curl, array(  CURLOPT_URL => 'https://easyhermes.com/api/getqrcode.php?access_token=' . $access_token . '&instance_id=' . $instance_id,  CURLOPT_RETURNTRANSFER => true,  CURLOPT_ENCODING => '',  CURLOPT_MAXREDIRS => 10,  CURLOPT_TIMEOUT => 0,  CURLOPT_FOLLOWLOCATION => true,  CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,  CURLOPT_CUSTOMREQUEST => 'POST',));$response = curl_exec($curl);curl_close($curl);echo $response;

Respuesta

{"status":"success","message":"Success","base64":"data:image\/png;base64,iVB..."}

Base64 a Imagen

El código QR de Whatsapp esta en base64 el cual derá ser convertido a imágen. Le compartimos un ejemplo HTML en donde solicita la instancia y el token de acceso para crear el código QR de Whatsapp.

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title></title></head><body>  <form id="form">    <input type="text" id="instance_id" placeholder="instance_id">    <input type="text" id="access_token" placeholder="access_token">    <button type="submit">Get QR</button>  </form>  <img id="qrcode" style="display:none">  <script>    document.querySelector('#form').addEventListener('submit', function(e) {      e.preventDefault();      const instance_id = document.querySelector('#instance_id');      const access_token = document.querySelector('#access_token');      fetch(`https://easyhermes.com/api/getqrcode.php?instance_id=${instance_id.value}&access_token=${access_token.value}`, {        method: 'POST',      })        .then(res => res.json())        .then(res => {          document.querySelector('#qrcode').setAttribute('src', res.base64);          document.querySelector('#qrcode').style.display = 'block';        });    });  </script></body></html>

Te compartimos un ejemplo de como actualizar la imágen QR de tu proyecto luego de 5 segundos (5000) para que pueda ser actualizada.

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script src="http://code.jquery.com/jquery-2.0.3.min.js"></script><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous"><style>   .wa-qr-code{	width: 285px;	height: 285px;	margin: auto;	position: relative;}.wa-qr-code .wa-reload{	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	text-align: center;	line-height: 303px;	background-color: rgba(255,255,255,0.99);	display: none;}.wa-qr-code .wa-reload i{	font-size: 48px;}</style>	<script>	setInterval(function(){$('#img').remove();document.querySelectorAll(".wa-reload").forEach(a=>a.style.display = "block");},5000);	</script></head><body>    <div class="text-center wa-qr-code">		<div class="wa-reload" >			<a href="#"><i class="fas fa-sync text-info"></i></a>		</div>		<div class="wa-code"> <img id="img"  src="https://bit.ly/3GQRVXO" width="285px" height="285px" /></div>	</div></body></html>