Discussions
Integracion de contacto con javascript
about 1 year ago by Francisco
Buenos días, cómo están? Soy Francisco de Azcuy y estoy tratando de integrar la API con un proyecto en nextjs (javascript) y no estoy pudiendo con lo que hay en la documentacion.
El uso que le queremos dar es para un simple form de contacto.
No queda muy claro cual es el endpoint a usar:
- portals/simple_portal/api/v1/contact
- /api/v1/web_contact
- /api/contact
Actualmente mi funcion se ve algo asi:
import axios from 'axios'
export interface ContactData {
name: string
email: string
phone: string | null
text: string | null
}
const options = {
method: 'POST',
url: 'https://tokkobroker.com/portals/simple_portal/api/v1/contact',
headers: {
accept: 'application/json',
'Content-Type': 'application/json',
Authorization: process.env.TOKKO_TOKEN
}
}
export default async function sendContact(data: ContactData) {
console.log(data)
axios
.request({
data: {
name: 'contact'
},
...options
})
.then(function (response) {
console.log(response.data)
})
.catch(function (error) {
console.error(error)
})
return data
}
y asi lo llamo recuperando los datos del form:
onSubmit={(e) => {
const data = new FormData(e.currentTarget)
const formattedData: ContactData = {
name: `${data.get('name') as string} ${
data.get('surname') as string
}`,
email: data.get('email') as string,
phone: data.get('phone') as string,
text: `
Ambientes: ${data.get('rooms') as string}
Mensaje: ${data.get('message') as string}
Contacto desde ${window.location.href}`
}
sendContact(formattedData)
}}
Los errores que recibo son mayormente 405.