Wie verwendet man jQuery GET auf HTTP (nicht sicheren) Server?

Question

Ich erhalte diese Störung, wenn ich versuche, $.get auf einer nicht sicheren Website zu nutzen (dh http, https nicht.):

jquery.min.js: 4 Mixed Inhalt: Die Seite auf‘. .. 'wurde über HTTPS geladen, aber ein unsiches Skript' http://api.openweathermap.org/data/2.5/weather?lat=50&lon=2?callback=jQuery ... 'angefordert. Diese Anfrage wurde blockiert. Der Inhalt muss über HTTPS bereitgestellt werden.

Ich habe versucht, zu diesem Problem Lösungen für die Arbeit zu denken. Das Problem ist ein festes Problem, da der Server von OpenWeather.org gehostet wird und es sich um eine nicht sichere Website handelt (dh http, nicht https).

Das ist mein Anforderungscode: $.get("https://api.openweathermap.org/data/2.5/weather?lat=" + latitude + "&lon=" + longitude + "&APPID=123456", function(data) { tempC = data.weather.main.temp/10; // OpenWeather API returns Celsius * 10 rain = data.rain["3h"]; clouds = data.clouds.all; });

Sie einfach die URL zu https://api.openweathermap.org Ändern ... funktioniert nicht, natürlich. Versuchte es und hat nicht funktioniert.

Die einzige Lösung, an die ich jetzt denken kann, ist, eine andere Wetter-API zu finden, die für mein Projekt frei ist, aber ich würde gerne wissen, ob es eine Möglichkeit gibt, OpenWeathermap-API zu verwenden, da es http ist. Neugierig, das zu wissen, weil es ziemlich verschwenderisch ist, bestimmte APIs nur deshalb ablehnen zu müssen, weil es http und nicht https ist.

Answer 1

so ist das Problem, dass Sie Ihren Code auf einer HTTPS-Site (JSFiddle und Coodepen) ausführen. Ihr Browser lässt aus Sicherheitsgründen keine HTTP-Verbindungen auf einer HTTPS-Site zu. Sie können dieses Problem lösen, indem Sie entweder HTTP auf der Seite erzwingen, auf der Sie Ihren Code ausführen (versuchen, einen Code aus einer lokalen Datei oder localhost auszuführen), oder Sie könnten eine HTTPS -> HTTP-Weiterleitung auf Ihrem Server erstellen, die eine HTTPS-Anfrage erhalten würde aus Ihrem Code und senden Sie eine HTTP-Anfrage an die API.

Ich würde vorschlagen, zuerst versuchen, von einem lokalen Host oder lokale Datei (nicht sicher, ob jeder Browser AJAX aus einer lokalen Datei zulassen, aber Sie können versuchen, vor dem Einrichten von localhost), das sollte für Sie arbeiten. Wenn Sie nur die API testen möchten, können Sie einfach die URL der GET-Anfrage in Ihre Browser-Registerkarte kopieren und ausführen.

Answer 2

Gefunden einen anderen Beitrag auf SO etwa das gleiche Problem "gemischte Inhalte". Es ist hilfreich und verweist auf viele andere Ressourcen, um das Problem zu lösen.

Der Fragesteller landete die openweathermap-API (weil sie über HTTP bedient wurde) und verwendete stattdessen die API von forecast.io (über HTTPS noch verfügbar).

Using Open Weather Map which is HTTP only through an HTTPS website and NOT get mixed content warning