Saltar al contenido

Cómo proteger la API de Google Maps key en la aplicación Ionic?

Este grupo especializado pasados muchos días de trabajo y recopilar de información, hallamos la solución, queremos que te sea útil en tu proyecto.

Solución:

Puede configurar el nombre de host de las aplicaciones de condensadores

"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",
  

y luego restringir la API keys a capacitor://unique-app

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

Para proteger su API key Tienes que comprobar el valor de la window.location.href dentro de una vista web. Supongo que verás algo como file://some/path.

Por lo tanto, deberá aplicar la restricción de referencia HTTP para esta ruta. Tenga en cuenta que las URL con un protocolo file:// requieren una representación especial como se explica en

https://developers.google.com/maps/documentation/javascript/get-api-key#restringir_clave

Nota: Las referencias file:// necesitan una representación especial para ser añadida al key restricción. La parte “file://” debe reemplazarse con “__file_url__” antes de agregarse a la key restricción. Por ejemplo, “archivo:///ruta/a/” debe formatearse como “__file_url__//ruta/a/*”. Después de habilitar file:// referers, se recomienda que verifique regularmente su uso para asegurarse de que coincida con sus expectativas.

Espero que esto ayude.

Sección de Reseñas y Valoraciones

Puedes estimular nuestra función exponiendo un comentario y valorándolo te damos las gracias.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *