Google API Key for browser. Issue when referrers set

Question

I generated Browser API Key in Google Console and set referrers:

Then I go to http://afriflirt.com, open JS console in browser and run this code ("Google Maps Geocoding API" enabled for this api key in settings):

var apiKey = 'AIzaSyAGpR-mG46fDbmWjJwkZZHft_xvZ_dM3cA';
$.getJSON(
    'https://maps.googleapis.com/maps/api/geocode/json?address=12345&key=' + apiKey,
    function(resp) {alert(JSON.stringify(resp));}
);

in response I see this message:

This IP, site or mobile application is not authorized to use this API key. Request received from IP address 113.180.75.109, with referer: http://afriflirt.com/

If I remove referrers - API key start working, but this is not safe. So it's a problem only when I set referrers. Tried different formats of referrers patterns, but nothing worked. Also tried to wait some time (as I saw "it may take up to 5 minutes for settings to take effect"), but it doesn't help too.

Please let me know if you have any ideas how to fix this.

it's as if `http://afriflirt.com/` doesn't match any of the referrers you've set up — Jaromanda X, Jan 04 '16 at 07:52
You will to consider the note below "Note: It may take up to five minutes to take effect" — gerardnimo, Jan 04 '16 at 08:27
Jaromanda X, Will try with "http://". gerardnimo, yes I saw it and one time I wait for a day, but it didn't help — Dmitriy Eroshenko, Jan 04 '16 at 08:54
It didn't help too, I added referrers (https://dl.dropboxusercontent.com/u/1875424/refs.png), regenerated key, wait for 15 min and still get same error. New key is AIzaSyDi0HCEgxo8WMxXKSaMq9gHUf5eRtoIQ5E — Dmitriy Eroshenko, Jan 04 '16 at 09:20
And this is referrer in request to API: https://dl.dropboxusercontent.com/u/1875424/referer_in_request.png — Dmitriy Eroshenko, Jan 04 '16 at 09:26

geocodezip · Answer 1 · 2016-01-04T13:15:40.050

2

According to the documentation, you need a server key for the geocoding web service.

Create a server key, enable it for IP address: 113.180.75.109, that should work in your example (but it isn't recommended to use a server key from javascript like that, use a browser key and the Google Maps Javascript API v3 Geocoding Service).

edited Jan 04 '16 at 13:15

answered Jan 04 '16 at 12:51

geocodezip

158,664
13
220
245

Thanks, I see "The Google Maps Geocoding API will only work with a Server key.". This is weird that it works with Browser API Key when referrers not set. I can't set certain IP address as I use key from user's browser, so server key will work for me like browser key without referrers. Another solution is to move geocoding requests to server side and filter referrers inside my code. – Dmitriy Eroshenko Jan 05 '16 at 08:16

Google API Key for browser. Issue when referrers set

1 Answers1