隐藏Google自定义搜索元素API 2.0的搜索引擎ID

时间:2015-02-10 09:47:04

标签: javascript asp.net-mvc google-custom-search

我正在ASP.NET MVC项目中实现Google Custom Search Element API 2.0。在文档中,他们要求视图中包含以下javascript,后面跟着<gcse:search>元素。

<script>
  (function() {
    var cx = 'xxxxxxxx:yyyyyyyy';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>

但是,搜索引擎ID在该行上可见:

var cx = 'xxxxxxxx:yyyyyyyy';

在浏览器中,选择View Source(或类似)允许用户查看脚本和搜索引擎ID。

我如何确保没有人能看到我的身份?

1 个答案:

答案 0 :(得分:0)

我找到了解决这个问题的方法。将Google脚本移动到以搜索引擎ID为参数的自己的函数中:

function buildSearchElement(cx)
{
    var gcse = document.createElement("script");
    gcse.type = "text/javascript";
    gcse.async = true;
    gcse.src = (document.location.protocol === "https:" ? "https:" : "http:") +
        "//www.google.com/cse/cse.js?cx=" + cx;
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(gcse, s);
};

然后我在我的控制器上调用一个方法,该方法在页面加载时返回搜索引擎ID。完成后,回调是buildSearchElement函数:

(function ()
{
    var httpRequest = new XMLHttpRequest();

    httpRequest.onreadystatechange = function()
    {
        if (httpRequest.readyState === 4 && httpRequest.status === 200)
        {
            buildSearchElement(httpRequest.responseText);
        }
    }

    httpRequest.open("GET", "/GetSearchElementId");
    httpRequest.send();
})();