Crear un APP Hubspot – Cards – Calling – Extensión

Registrar un App en Hubspot

Crear una cuenta de desarrollador en https://developers.hubspot.com/

Crear un app y una cuenta de pruebas.

En el APP

  • En tab App info
    • Agregar un nombre de aplicación
    • Agregar imagen
  • En tab Auth
    • 1. Agregar Redirect URL (https://midominio.com/archivo_instalacion.php)
    • 2. Copiar Install URL (OAuth)
    • 3. En Scopes, agregar “Contacts”
    • Abrir la url en el navegador

Ahora para que se complete la instalación del App debemos hacer una llamado a:

https://legacydocs.hubspot.com/docs/methods/oauth2/get-access-and-refresh-tokens

El archivo “archivo_instalacion.php” tendrá el siguiente código.

<?php
//validación de código
if (!isset($_GET['code'])) {
    echo 'Código no encontrado.';
}
//código desde Hubspot
$code = $_GET['code'];

//datos de configuración de la aplicación
$app_client_id = ""; //client_id
$app_client_secret = ""; //client_secret
$app_redirect = "";//URL de redireccionamiento del App de Hubspot

first_token();

function first_token()
{
    global $code, $app_client_id, $app_client_secret,$app_redirect;

    $hurl = "https://api.hubapi.com/oauth/v1/token";

    $ch = curl_init();
    
    $fields = array(
        "grant_type=authorization_code",
        "client_id=$app_client_id",
        "client_secret=$app_client_secret",
        "redirect_uri=$app_redirect",
        "code=$code"
    );
    $payload = implode("&", $fields);

    curl_setopt_array($ch, array(
        CURLOPT_URL => $hurl,
        CURLOPT_SSL_VERIFYHOST => false,
        CURLOPT_SSL_VERIFYPEER => false,
        CURLOPT_RETURNTRANSFER => true,
        CURLOPT_ENCODING => "",
        CURLOPT_MAXREDIRS => 10,
        CURLOPT_TIMEOUT => 30,
        CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
        CURLOPT_CUSTOMREQUEST => "POST",
        CURLOPT_HTTPHEADER => array(
            "accept: application/json",
            'Content-Type: application/x-www-form-urlencoded'
        ),
        CURLOPT_POSTFIELDS => $payload
    ));

    $response = curl_exec($ch);
    $httpcode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
    $err = curl_error($ch);

    curl_close($ch);
    if ($err) {
        return array(
            "success" => false,           
            "msg" => "Erro de conexión curl",
            "error" => $err,
            "data" => $response,
        );
    } else {
        if ($httpcode == 200) {
            echo 'Instalación completa.<br>';
            echo $response;
        } else {
            echo 'Ocurrió un error durante la instalación.<br>';
            echo $response;
        }
    }
}
 

Crear Calling Extension

Una vez creada la aplicación, debemos agregar la configuración de Calling con Postman u otro programa.

#POST
https://api.hubapi.com/crm/v3/extensions/calling/id_de_la_aplicación/settings?hapikey=key_del_desarrollador 

¿Como obtener la key del desarrollador?

El cuerpo del consumo del API.

{
    "name": "Nombre del proveedor", 
    "url": "URL que se mostrar en el iframe",
    "isReady": true,
    "supportsCustomObjects": true
} 

Crear Cards Extension

Colocar la URL de donde se obtendrá la información a mostrar en el Card.

Share on facebook
Share on twitter
Share on linkedin