How to hide an API key

Question

Using Dreamweaver CC 2019 Google Maps now requires the API key be embedded in the js script source, for their free maps so I have had to add API keys to a couple of my sites. They warn that these API keys should be hidden to avoid misuse. How to I achieve this?

Here is the call out: <script src="//maps.googleapis.com/maps/api/js?key=MY_API_KEY&v=3.exp&sensor=false"></script>

I need to keep the info relating to my API key hidden. Eventually, I want to switch the maps out with another free map that doesn't need to be monitored so closely to avoid fees and abuse. In the meantime, I am hoping for a quick fix to keep the key hidden.

Nancy OShea · Accepted Answer

You cannot hide code in static HTML files. But you can hide code within variables inside server-side scripts like PHP. See Google's Best PracticesGoogle Maps Platform | Google Developers

Nancy OShea · Answer

You need to set-up API restrictions. See the Google documentation.Using API Keys | Authentication | Google Cloud

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded