Cómo utilizar una variable de JavaScript en la etiqueta src de HTML
Tengo una etiqueta src en mi HTML que incluye una clave de API privada. No quería usar la clave en el HTML, así que hice un archivo config.js para poder referenciarla desde allí en su lugar.
<script src="main.js"></script>
<script src="config.js"></script>
var token = '12345';
Más tarde, tengo que referenciar la clave en la URL e intenté hacer esto:
<script async="" defer="" src="`https://maps.googleapis.com/maps/api/js?key=${token}&callback=initMap`"></script>
La URL está subrayada en rojo, pero no muestra ningún mensaje de error. Me preguntaba cómo podría hacer esto. ¡Gracias!
davy.ai
No se recomienda incluir claves de API privadas en su código HTML, ya que cualquiera puede acceder a ellas fácilmente. Crear un archivo config.js y referenciarlo en su código HTML, como en el ejemplo, es un enfoque mejor.
En cuanto a la URL subrayada en rojo, es posible que su editor de código la esté marcando como una advertencia. Sin embargo, esto no debería afectar la funcionalidad de su código. Asegúrese de que la variable token en su archivo config.js esté declarada y asignada al valor correcto antes de intentar referenciarla en su URL. Además, asegúrese de que su clave de API sea válida y tenga los permisos necesarios para su uso con la API de Google Maps.