javascript - 如何用自定义变量替换 DJANGO 中 JAVASCRIPT 脚本生成的 Google map key

Question

我正在尝试找到一种方法来隐藏 javascript 脚本上显示的谷歌地图键。

key 是从 django 设置生成的。

我不知道如何使用javascript脚本和src正确实现它

设置.py

GOOGLE_MAP = "XZZZZZZX"

views.py

def foo_list(request):
    """
    Render list of foo.
    """
    foo = Foo.objects.all()

    # Google Map Key
    google_map_key = settings.GOOGLE_MAP

    context = {
            'foo': foo, 
            'google_map_key': google_map_key
            }

    return render(request, 'snippet/index.html', context)

HTML

{% extends "base.html" %}
{% load static %}


{% block content %}
    <!-- Render Map on HTML -->
    <div id="map"></div></br></br>

    <!-- Pass the Google Map key variable to Front end -->
    <div id="google_map" style="display:none" value="{{ google_map_key }}"></br>

{% endblock %}



{% block key %}
     <!-- Grab the Google Map key value from HTML above -->
     var name_ = document.getElementById('google_name').getAttribute("value");
    
     <!-- Google Map Key -->
    <script id="name" data-name="value" src="https://maps.googleapis.com/maps/api/js?key=XZZZZZZX&callback=initMap" async defer></script>

{% endblock %}

我怎样才能用后端的自定义变量替换谷歌地图键？

Answer 1

人们可以使用一些技巧来让别人更难查看 javascript 代码，但没有办法让别人明确、完全隐藏 javascript 代码。

保护 API key 的唯一方法是访问您的 developers console并添加应用程序限制。应用程序限制控制哪些网站、IP 地址或应用程序可以使用您的 API key 。