google-maps - 用于 localhost 开发的 Google API KEY 引用通配符

Question

谷歌建议指定允许使用浏览器 key 的域。



虽然这绝对是一个很棒的功能，但我希望在我在 localhost 上开发网站时继续工作。 .

我想一种肯定的方法是在开发环境中根本不指定 API_KEY (谷歌地图在没有它的情况下在本地工作)。

但这并不总是很方便。

我想确切地找出为在本地工作的 key 指定通配符的正确方法。

我以前通过定义一大堆通配符来实现这一点，希望其中一个能起作用。而且，他们中的一些人确实做到了，因为它最终奏效了。

由于谷歌表示推荐更改需要大约 5 分钟才能生效，所以我从来没有耐心找出哪张卡确实完成了这项工作。

并且谷歌没有提供任何关于哪张卡与哪些域匹配的视觉效果。

Here有人说API_KEY为 localhost/ 工作默认情况下。但当然，我的本地服务器位于 :80 以外的某个端口。 .在这种情况下，该人建议使用 port 指定通配符。像这样:http://localhost:1234 .

这是非常不希望的。如果我更改我正在工作的端口，我肯定不会记得某些 API_KEY依赖它。

那么...为 指定本地主机的推荐的正确方法是什么？任意端口 ?
localhost:* ?
localhost:*/* ?
*localhost:* ?
http://localhost:* ?
localhost\:* ?

……有人知道吗？

另一件事对某些人来说可能很明显，但是……我不确定。
是否有通配符 *.example.com/*授权http://example.com/some/long/path/类型的url ?

Answer 1

端口没有通配符，所以不要使用它。只需省略对端口的任何引用，就可以了。

我正在使用一个 Cordova Meteor 应用程序，该应用程序嵌入了在 localhost 上运行的 Web 服务器(用于本地存储)，并在运行时由 Meteor 分配了一个随机端口。无法知道 Cordova 将选择哪个端口，并且在任何实例(运行应用程序的设备)上可能是不同的端口。

我尝试了许多变体，例如 localhost:*或 localhost:*/*无济于事。

最终我尝试了一个简单的 localhost它奏效了。现在我对 http://localhost:<SOME_RANDOM_PORT>/<SOME_RANDOM_PATH> 的所有请求工作。

因此，请转到 Google API Manager - 凭据 - API key - 在“接受来自这些 HTTP 引用者(网站)的请求”中输入 localhost然后点击保存。

只是一个注释。此解决方案将任何路径上 localhost 上的所有请求列入白名单。您不能在 localhost 之后添加任何内容进入，因为这似乎打破了规则。