Quería implementar la API de Trello en una barra lateral para que mi equipo pueda crear tickets de una manera más manejable que enviar mensajes de texto.
Construí la barra lateral y la funcionalidad usando vscode; que es también donde probé todo.
No hubo problemas hasta que moví todo a mi proyecto de script de aplicaciones; cualquier envío da como resultado Response: 500 .
Este es el código que escribí para crear la tarjeta:
function createCard() { name = document.querySelector('#n').value; request = document.querySelector('#r').value; details = document.querySelector('#d').value; priority = document.querySelector('#high'); idLabels = (priority.checked) ? '62a685a6ea88a630d3da970f' : '62a685b2b835cd665d8ba4ac'; fetch(`https://api.trello.com/1/cards? key=${key}& token=${token}& idList=${idList}& name=${name} - ${request}& desc=${details}& idLabels=${idLabels}`, { method: 'POST' }).then(response => { console.log(`Response: ${response.status} ${response.statusText}`); return response.text(); }).then(text => console.log(text)) .catch(error => console.error(error)); }No pude encontrar nada que me impidiera usar una API en la barra lateral.
Esto es lo más cercano que pude encontrar a mi problema actual está aquí:
pero esto no está usando la barra lateral (si eso importa)
Cuando vi su secuencia de comandos, recordé este rastreador de problemas . En este rastreador de problemas, cuando // se usa en el literal de plantilla de Javascript en el servicio HTML de Google Apps Script como lo está usando, parece que // se usa como el comienzo del comentario.
Cuando vi su siguiente URL, pensé que ${name} - ${request} podría ser necesario para codificar la URL.
`https://api.trello.com/1/cards? key=${key}& token=${token}& idList=${idList}& name=${name} - ${request}& desc=${details}& idLabels=${idLabels}`Cuando estos puntos se reflejen en su guión, ¿qué tal la siguiente modificación?
fetch(`https://api.trello.com/1/cards? key=${key}& token=${token}& idList=${idList}& name=${name} - ${request}& desc=${details}& idLabels=${idLabels}`, { method: 'POST' }).then(response => { const encodedName = encodeURIComponent(`${name} - ${request}`); const url = `https:\/\/api.trello.com\/1\/cards?key=${key}&token=${token}&idList=${idList}&name=${encodedName}&desc=${details}&idLabels=${idLabels}`; fetch(url, { method: 'POST' }).then(response => {Cuando probé su script, confirmé el mismo problema. Y, cuando probé la modificación propuesta, confirmé que el script funcionaba.
Cuando haya probado el script modificado anteriormente y se produzca un error, vuelva a comprobar las variables.