android - 如何保护 Ionic 应用程序上的 Google map API key ？

Question

我为 Android 和 iOS 发布了 Ionic PWA 应用程序(我使用 Capacitor 生成 native 构建)。在前端代码中，它有我的 Google map API key ，但是，我无法将其限制为 google 提供的任何选项，因为...

1. HTTP 引荐来源网址 - 它不在公共(public)域名上，而是在 native 应用程序的 Web View 中的本地主机上。 Android 为 http://localhost/，iOS 为 capacitor://localhost/。使用这些作为限制似乎不太安全，因为它们非常通用，并且所有其他应用程序都会有相同的限制。

2. IP 地址 - 原因显而易见。

3. Android 应用 - 它不在 native 代码内，而是在 WebView 内。

4. iOS 应用 - 它不在 native 代码内，而是在 WebView 内。

   

这些选项都不适合我的情况。那么如何保护我的 API key 免遭滥用？

有什么想法吗？我不可能是唯一一个在 Ionic 应用中使用 Google Maps API 的人。

Answer 1

您可以配置电容器应用程序的主机名

"server": {
    // You can configure the local hostname, but it's recommended to keep localhost
    // as it allows to run web APIs that require a secure context such as
    // navigator.geolocation and MediaDevices.getUserMedia.
    "hostname": "unique-app",
  }

然后将 API key 限制为 capacitor://unique-app

https://capacitor.ionicframework.com/docs/basics/configuring-your-app