如何在 html 中隐藏我的 Google Maps API 密钥？ [复制]

Question

我是 javascript 的初学者。我创建了一个运行 Google 地图的示例网站，并且我有我的 API 密钥。如何隐藏 API Key 以免他人窃取？

<script async defer
     src="https://maps.googleapis.com/maps/api/js?key=[THE_KEY_HERE]&callback=initMap">
</script>

我在想是否可以为键创建一个变量并将其存储在另一个 js 中，但我不知道如何插入 src。

Answer 1

我在想是否可以为键创建一个变量并将其存储在另一个 js 中，但我不知道如何在 src 中插入。

那是没有意义的。您仍然必须将其提供给浏览器。

见API Key Best Practices:

为 API 密钥设置应用限制

1. 访问凭据面板。
2. 选择要设置限制的 API 密钥。随即出现 API 密钥属性页面。
3. 在密钥限制下，选择应用程序限制。 选择一种限制类型，并在限制列表之后提供所需的信息。

HTTP 引用

接受您提供的网站列表中的请求。

在类型下方，指定一个或多个引荐网站。通配符可用于命名相似的网站。例如，*.google.com 接受所有以 google.com 结尾的网站，例如 https://developers.google.com。