Show the local weather | Intermediate projects

1

Hi,
I’ve just gone back to my weather app and its now not working on my mobile device or google chrome.
Here is a link to my page


I’d appreciate any ideas why as I said it was working a few months ago.
The error appears to be getting the users location it works on firefox but not firefox on a mobile device.
Thanks

2

Hi, well, when i open the console i can see 3 errors : one that tells to include jquery before bootstrap , and two others about loading page over https, but the api calls are using http .

i tried to enter codepen using http but the browser (chrome) uses https, so i think that you may need to look for an api that uses https. i guess

3

Thanks for taking a look, I can see the issue with http and google chrome now that you’ve pointed it out. I have no idea yet for a solution.

4

Maybe this is why… https://blog.codepen.io/2017/03/31/codepen-going-https/

Im having simular problems with my Get Weather App and after searching, I found that alot of other peoples Weather apps are down.

5

That is indeed the problem, openweather is an http api and code pen now blocks active mixed content

6

Its not even just that, It wont even connect to my IP address link. Do you know any alternative API links or methods to get the API? anything with https…

7

The Dark Sky API and APiXu are https

8

Oh great, dow it require a request for an IP address?

9

I’m looking into it myself really, because I’ve just noticed this codepen change myself.

10

Yeah its tricky I guess as its a security issue.

11

Any luck connecting to your API?

12

The simplest solution right now is to use a cross origin proxy like crossorigin.me.

I suspect you can probably write your own api proxy with express and deploy it to a platform like google app engine or Heroku if you’re familiar with backend development

13

im only starting to learn about Backend development now. Learning Node.js