Freecodecamp: CodePen bloque l'API Open Weather Map

Créé le 20 avr. 2016  ·  10Commentaires  ·  Source: freeCodeCamp/freeCodeCamp

Nom du défi

https://www.freecodecamp.com/challenges/show-the-local-weather

Description du problème

Show the local weather challenge recommande d'utiliser l'API Open Weather Map. Ce qui a bien fonctionné jusqu'à présent. Maintenant, vous obtiendrez une erreur indiquant "pen.js: 22 Contenu mixte: La page à [...] a été chargée via HTTPS, mais a demandé un point de terminaison XMLHttpRequest non sécurisé ' http://api.openweathermap.org/data/2.5/ weather? lat = 30.281903699999997 & lon = -97.73883819999999 & appid = 41bf32baf1dc0b1bb46d120a3cbdbc57 '. Cette demande a été bloquée; le contenu doit être

Informations sur le navigateur

  • Nom du navigateur, version: Google Chrome, 49.0.2623.112
  • Système d'exploitation: Mac OS Yosemite
  • Mobile, ordinateur de bureau ou tablette: ordinateur de bureau

Votre code

// If relevant, paste all of your challenge code in here

Capture d'écran

help wanted projects-frontend bug

Commentaire le plus utile

https://cors-anywhere.herokuapp.com/
Cela a fonctionné pour moi si vous le mettez devant l'URL initiale
Finalement :)

Tous les 10 commentaires

@anthkris cela a été corrigé avec # 8141.
Les modifications devraient arriver sur le site Web principal dans quelques jours.

Pour contourner le problème, veuillez ouvrir la version http du lien CodePen comme dans:
http://codepen.io/FreeCodeCamp/full/bELRjV

et non le lien https du défi.

Le lien sera mis à jour dès que les correctifs atteindront le site Web principal.

Même lorsque j'ouvre la version http du lien dans Chrome et Firefox, l'appel http à l'API OpenWeather est bloqué. J'ai déjà terminé mon projet Local Weather, mais je ne peux pas soumettre le projet comme celui-ci sur Codepen. L'URL fonctionne bien lors de la visualisation dans Safari. Je ne pouvais penser qu'à soumettre ce projet hébergé sur mon propre serveur ou à trouver une autre API météo gratuite prenant en charge SSL.

@ j7an référez la discussion sur # 7853

toujours bloqué

Toujours bloqué

https://cors-anywhere.herokuapp.com/
Cela a fonctionné pour moi si vous le mettez devant l'URL initiale
Finalement :)

@ Risingmoon77 Ya

$.getJSON("https://cors-anywhere.herokuapp.com/http://api.openweathermap.org/data/2.5/weather?lat="+lat+"&lon="+lon+"&appid=1c48b076cbce09ca93cfff52b6c839c1",function(json){
   // other code goes here
}

@raisedadead codepen est automatiquement redirigé la requête HTTP vers HTTPS afin que votre méthode ne fonctionne pas.

Vous ne pouvez pas faire de requête http à partir d'un site Web https. Et comme vous devez utiliser https pour utiliser navigation.geolocation, la meilleure chose à faire est d'utiliser simplement une API https comme darksky .

@raisedadead Je pense que ce problème peut être résolu en raison du # 15598

Cette page vous a été utile?
0 / 5 - 0 notes