He estado trabajando en la biblioteca p5js y estoy tratando de usar una API para obtener acceso a los datos meteorológicos para mi proyecto, pero el editor sigue arrojando un error y no sé por qué Aquí está mi código:
function setup() { createCanvas(400,400); let url = 'http://api.openweathermap.org/data/2.5/weather?q=London&appid=e7402cc176aacd446829a856f2723b57&units=metric' loadJSON(url,gotData) } function gotData(data){ print(data); } function draw(){ }¿Puede alguien ayudarme a señalar qué está mal con mi código?
Deberías publicar los errores que estás recibiendo. (Dado que ya estaba usando el editor p5.js, también podría compartir un enlace para que sea más fácil para todos replicar su problema)
Acabo de probar su código en el editor web p5 y recibo este error en la consola JS del navegador:
p5.js:84555 Mixed Content: The page at 'https://editor.p5js.org/' was loaded over HTTPS, but requested an insecure resource 'http://api.openweathermap.org/data/2.5/weather?q=London&appid=e7402cc176aacd446829a856f2723b57&units=metric'. This request has been blocked; the content must be served over HTTPS.A veces, los errores pueden ser crípticos, pero en este caso es bastante sencillo:
https://editor.p5js.org )http://api.openweathermap.org/...etc. ) Esto hace que la solución sea tan simple como agregar una sola 's' :) (de http:// a https:// al acceder a la API de Weather)
function setup() { createCanvas(400,400); let url = 'https://api.openweathermap.org/data/2.5/weather?q=London&appid=e7402cc176aacd446829a856f2723b57&units=metric' loadJSON(url,gotData) } function gotData(data){ print(data); } function draw(){ } <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.min.js"></script>