Skip to main content

 Manychat no autoriza peticiones de navegadores? 😫

Nope.

Cómo vas a configurar los Headers desde tu navegador, para poner el token…?


Nope.

Cómo vas a configurar los Headers desde tu navegador, para poner el token…?

Mi intención es estamos haciendo un Proyecto con Next.js y cuando hago el API call desde el proyecto ahi le agrego los headers pero me rechaza la conexión con error 401, o bien por los CORS 


@GerryDiaz 401 se soluciona fácil:

Te falta poner un header:

Authorization: Bearer <API_KEY>

en tu request.

Acá está la documentación de Manychat: https://api.manychat.com/swagger#/

Si necesitas más detalles, tengo un curso extensivo en la API de Manychat: https://cursos.superarmeonline.com/manychat-api-master.


@GerryDiaz 401 se soluciona fácil:

Te falta poner un header:

Authorization: Bearer <API_KEY>

en tu request.

Acá está la documentación de Manychat: https://api.manychat.com/swagger#/

Si necesitas más detalles, tengo un curso extensivo en la API de Manychat: https://cursos.superarmeonline.com/manychat-api-master.

Si los tengo:

const handleSubmit = async (event) => {

event.preventDefault();

 

try {

const response = await fetch('https://api.manychat.com/fb/subscriber/setCustomField', {

method: 'POST',

headers: {

'accept': 'application/json',

'Authorization': 'Bearer xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',

'Content-Type': 'application/json'

},

mode: 'no-cors',

body: JSON.stringify({

subscriber_id: xxxxxxx,

field_id: xxxxxxx,

field_value: curp,

}),

});

 

if (response.ok) {

// Manejar la respuesta exitosa de la API

console.log('CURP enviado correctamente a la API');

// Redirigir a la siguiente página

// history.push('/next-page');

} else {

console.error('Error al enviar el CURP a la API');

// Manejar el caso de error de la API

}

} catch (error) {

console.error('Error al enviar el CURP a la API', error);

// Manejar el error de la solicitud

}

};


Reply