How to test and develop with Google maps API without https? - javascript

I've searched and searched but I guess I can't find the answer I'm looking for.
I'm working on a web app with Google maps and I am having a lot of difficulties trying to debug and test it. I finally found out why I keep getting errors due to chrome blocking calls made not via HTTPS. The app works in Firefox, but not in chrome or any other browser I've tried, safari, dolphin, etc. (All works great locally of course)
What should I do? Is my only option to pay for SSL cert for my free hosting account that I'm using to test my app? I'm just a mid-level developer who isn't really ready to pay for hosting just yet... Am I missing something super common that most developers take advantage of in terms of having some solid way of testing? Hopefully, that makes sense!

try using https://ngrok.com/ it might work out.
It tunnels your local url to public with https too.

For Chrome, there is a flag for this at chrome://flags/#allow-insecure-localhost.
Click on Enable and restart Chrome. From now on invalid certificates on localhost (and just on https over localhost) are accepted.

Related

Is Chrome microphone supposed to be not working if there is no Internet Connection?

I'm using a JS plug-in called Annyang, a Speech Recognition tool and of course it requires a working mic. Everything works just fine with normal Internet connection, but when I disable my Internet Connection, the plug in won't work at any level. (and I did check the plug-in's JS file and found nothing that needs any Internet Connection to be functioned.
Is Chrome microphone supposed to be not working if there is no Internet Connection ? Or something is wrong with the plug-in..?
Thanks a lot for reading this question. Have a good day :)
It's not the microphone that needs internet connection,
it's google's implementation of speech-recognition API, which sends the recorded data to their server to get the computed STT.
Nothing you can do on your side, not an Annyang bug either.

Cannot load jQuery CDN on chrome - Getting "Your connection is not private" error

Problem:
Chrome is not allowing any page(example jsfiddle) to load : https://code.jquery.com/jquery-1.12.4.min.js , it also doesnt load if i directly paste in address bar. I get the error below.
I have tried:
Changing it to HTTP, this does work, but i need to use HTTPS (for
various reasons) so this is not an acceptable solution.
Tried updating the CLRSet in chrome per an SO answer - didnt work
Removed
all firewall/antivirus settings
Rebooted machine
Re-installed chrome
Notes:
It works with no problem on IE/FF etc and also in other peoples' computers
I realize this is a subjective question, but please let me know if there's anything I can do!
SOLUTION:
Finally this is what worked for me, thanks to #SaurabhSharma for pointing me to the post which had the solution (though it is not the accepted solution)
Use Google hosted CDN for libraries instead
https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js
Update:
Certificate errors on chrome occur either because of following:
(1) The System Time is not the real-time.
(2) The SSL certificate has Expired.
(3) Google Chrome is not updated.
(4) The SSL certificate is not Installed properly.
(5) The SSL certificate is not issued by a Trusted Certificate Authority (CA) or a self-signed certificate is used to secure a website.
(6) The website is secured with an outdated 128-bit SSL.
(7) The website is secured with an outdated SHA-1 Algorithm.
Also check this solution
Until they get their certificate worked out, you could consider using CDNJS instead.
https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js

Adobe Air URLRequest HTTPS not working

I am working on an Adobe Air product that fetches data from the web using air.URLRequest, from both HTTP and HTTPS sites. It is working absolutely fine on most computers, but there are a few people for which it is stalling when it has to fetch from HTTPS sites.
The error returned is just this: ERROR #2032 Stream Error. Doesn't say much.
I asked the people who had the problem to install Fiddler so that i can debug it and activate HTTPS decryption, but there is no way to debug because it works when Fiddler is open.
The application is built using JavaScript, HTML and CSS and the PC's with the problems are using either Windows Vista or Windows 7. I am also using Windows 7 but it's working fine for me.
Any idea how i could fix this very weird issue ?
Thanks!
Alex

Webrtc app not working on local host?

I am using a WebRTC demo application for screen sharing. The demo works perfectly fine but when I try to run the same code in localhost or my own remote server, the code doesn't run.
Any ideas on how can I fix this issue?
Screensharing in Chrome only works over an SSL connection(). You can use a self-signed cert and simply accept it in your browser(this is for Chrome < M36).
Also, for Chrome >M36 you must now use the Chrome.desktopcapture API and the usual way of modifying media constraints and enabling screen-sharing in Chrome internals will not work in newer versions of chrome.
The API is farely simple and MUCH more robust than the previous given option in the media constraints.

Phonegap app working locally, not working on phone

I have written a phonegap application, and it performs a pretty simple task, it gets some JSON from a YQL link, and then displays it nicely to the user. This works excellently when I run it using Google Chrome on a Desktop, but, my client tells me that it does not work on his device which is Android 2.3. What can be going wrong? I'm using phonegap build to build to app, and they tell me that it is given internet permission, but, when my client puts the APK on the phone (its not on the market yet), does he need to do something special for it to access the internet?
Thanks a lot,
Dhaivat
in phonegap, allow external host : Open phonegap.plist -> external host and add your url or * to allow all
within the phonegap app the webapp runs under the file:// protocol - this might affect things.
you should test this at least on an emulator yourself - clients usually screw up anything some might screw up when testing ;) best would be to test on an actual device tho.
I'm not sure if this will help but I had a similar problem testing my app here:
https://stackoverflow.com/questions/17496104/json-wordpress-feed-not-appearing-in-android-studio-emulator-using-phonegap
I needed to change access origin to ="*"/ in my config.xml

Categories

Resources