Freecodecamp: CodePen memblokir Open Weather Map API

Dibuat pada 20 Apr 2016 · 10Komentar · Sumber: freeCodeCamp/freeCodeCamp

Nama Tantangan

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

Deskripsi masalah

Tunjukkan rekomendasi tantangan cuaca lokal menggunakan Open Weather Map API. Yang bekerja dengan baik sampai sekarang. Sekarang Anda akan mendapatkan pesan kesalahan yang mengatakan "pen.js: 22 Konten Campuran: Halaman di [...] dimuat melalui HTTPS, tetapi meminta titik akhir XMLHttpRequest yang tidak aman ' http://api.openweathermap.org/data/2.5/ weather? lat = 30.281903699999997 & lon = -97.73883819999999 & appid = 41bf32baf1dc0b1bb46d120a3cbdbc57 '. Permintaan ini telah diblokir; konten harus disajikan melalui HTTPS. "

Informasi Browser

Nama Browser, Versi: Google Chrome, 49.0.2623.112
Sistem Operasi: Mac OS Yosemite
Seluler, Desktop, atau Tablet: Desktop

Kode Anda

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

Screenshot

help wanted projects-frontend bug

Sumber

anthkris

Komentar yang paling membantu

https://cors-anywhere.herokuapp.com/
Ini berfungsi untuk saya jika Anda meletakkannya di depan URL awal
Akhirnya :)

risingmoon77 pada 10 Jun 2017

👍7 🎉1 😄1

Semua 10 komentar

@anthkris ini telah diperbaiki dengan # 8141.
Perubahan tersebut akan mencapai situs web utama dalam beberapa hari.

Sebagai solusinya, buka link CodePen versi http seperti di:
http://codepen.io/FreeCodeCamp/full/bELRjV

dan bukan tautan https dalam tantangan.

Tautan akan diperbarui segera setelah perbaikan mencapai situs web utama.

raisedadead pada 20 Apr 2016

👍5

Bahkan ketika saya membuka versi http dari tautan di Chrome dan Firefox, panggilan http ke OpenWeather API sedang diblokir. Saya sudah menyelesaikan proyek Cuaca Lokal saya, tetapi saya tidak dapat mengirimkan proyek seperti ini di Codepen. URL berfungsi dengan baik saat melihat di Safari. Saya hanya bisa memikirkan untuk mengirimkan proyek ini yang dihosting di server saya sendiri atau menemukan API cuaca gratis lainnya yang mendukung SSL.

j7an pada 16 Mei 2016

@ j7an lihat diskusi di # 7853

raisedadead pada 16 Mei 2016

masih diblokir

rolandocz pada 24 Mei 2017

@rolandocz coba forecast.io seperti yang disebutkan oleh @ 149203 di sini: https://github.com/freeCodeCamp/freeCodeCamp/issues/7853#issuecomment -222315358

Atau Anda dapat mencoba solusi di sini: https://forum.freecodecamp.com/t/local-weather-api-for-people-stuck-because-of-the-https-request/50274/17?u=j7an

j7an pada 26 Mei 2017

👍1

Masih diblokir

jurisn pada 29 Mei 2017

https://cors-anywhere.herokuapp.com/
Ini berfungsi untuk saya jika Anda meletakkannya di depan URL awal
Akhirnya :)

risingmoon77 pada 10 Jun 2017

👍7 🎉1 😄1

@ risingmoon77 Ya itu berfungsi dengan baik untuk saya.

$.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
}

Codepen @raisedadead secara otomatis dialihkan permintaan HTTP ke HTTPS sehingga metode Anda tidak berfungsi.

prakhargvp pada 11 Jun 2017

👍3

Anda tidak dapat melakukan permintaan http dari situs web https. Dan karena Anda harus menggunakan https untuk menggunakan navigation.geolocation maka hal terbaik yang harus dilakukan adalah menggunakan https API seperti darksky .