Freecodecamp: يقوم CodePen بحظر Open Weather Map API

تم إنشاؤها على ٢٠ أبريل ٢٠١٦ · 10تعليقات · مصدر: freeCodeCamp/freeCodeCamp

اسم التحدي

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

وصف المشكلة

يوصي إظهار تحدي الطقس المحلي باستخدام Open Weather Map API. التي عملت بشكل جيد حتى الآن. ستحصل الآن على خطأ يقول "pen.js: 22 Mixed Content: تم تحميل الصفحة الموجودة في [...] عبر HTTPS ، لكنها طلبت نقطة نهاية XMLHttpRequest غير آمنة ' http://api.openweathermap.org/data/2.5/ weather؟ lat = 30.281903699999997 & lon = -97.73883819999999 & appid = 41bf32baf1dc0b1bb46d120a3cbdbc57 '. تم حظر هذا الطلب ؛ يجب تقديم المحتوى عبر HTTPS. "

معلومات المتصفح

اسم المتصفح ، الإصدار: Google Chrome ، 49.0.2623.112
نظام التشغيل: Mac OS Yosemite
الهاتف المحمول أو الكمبيوتر المكتبي أو الجهاز اللوحي: سطح المكتب

كودك

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

لقطة شاشة

help wanted projects-frontend bug

مصدر

anthkris

التعليق الأكثر فائدة

https://cors-anywhere.herokuapp.com/
لقد نجح هذا الأمر بالنسبة لي إذا وضعته أمام عنوان URL الأولي
أخيرا :)

risingmoon77 في ١٠ يونيو ٢٠١٧

👍7 🎉1 😄1

ال 10 كومينتر

anthkris تم إصلاح هذا
يجب أن تصل التغييرات إلى موقع الويب الرئيسي في غضون يومين.

كحل بديل ، يرجى فتح الإصدار http من رابط CodePen كما في:
http://codepen.io/FreeCodeCamp/full/bELRjV

وليس الرابط https في التحدي.

سيتم تحديث الرابط بمجرد وصول الإصلاحات إلى الموقع الرئيسي.

raisedadead في ٢٠ أبريل ٢٠١٦

👍5

حتى عندما أقوم بفتح إصدار http من الرابط في Chrome و Firefox ، يتم حظر استدعاء http إلى OpenWeather API. لقد انتهيت بالفعل من مشروع Local Weather الخاص بي ، لكن لا يمكنني إرسال المشروع مثل هذا على Codepen. يعمل عنوان URL بشكل جيد عند المشاهدة في Safari. يمكنني فقط التفكير في إرسال هذا المشروع المستضاف على الخادم الخاص بي أو العثور على واجهة برمجة تطبيقات أخرى مجانية للطقس تدعم SSL.

j7an في ١٦ مايو ٢٠١٦

@ j7an راجع المناقشة على # 7853

raisedadead في ١٦ مايو ٢٠١٦

لا يزال محظورا

rolandocz في ٢٤ مايو ٢٠١٧

rolandocz حاول Forecast.io كما ذكر @ 149203 هنا: https://github.com/freeCodeCamp/freeCodeCamp/issues/7853#issuecomment -222315358

أو يمكنك تجربة الحل هنا: https://forum.freecodecamp.com/t/local-weather-api-for-people-stuck-because-of-the-https-request/50274/17؟u=j7an

j7an في ٢٦ مايو ٢٠١٧

👍1

لا يزال محظورًا

jurisn في ٢٩ مايو ٢٠١٧

https://cors-anywhere.herokuapp.com/
لقد نجح هذا الأمر بالنسبة لي إذا وضعته أمام عنوان URL الأولي
أخيرا :)

risingmoon77 في ١٠ يونيو ٢٠١٧

👍7 🎉1 😄1

@ Risingmoon77 يا

$.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 تتم إعادة توجيه طلب HTTP تلقائيًا إلى HTTPS حتى لا تعمل طريقتك.

prakhargvp في ١١ يونيو ٢٠١٧

👍3

لا يمكنك القيام بطلب http من موقع https. وبما أنه يتعين عليك استخدام https لاستخدام navigation.geolocation ، فإن أفضل ما يمكنك فعله هو استخدام واجهة برمجة تطبيقات https مثل darksky .