使用提取API检索需要API密钥和机密的JSON数据

Question

请忍受我是编码的新手。

我正在尝试使用提取API从需要身份验证的API（API密钥和密钥）中检索JSON数据。

我一直在努力寻找清晰的说明来向我展示如何执行此操作。 到目前为止，这是我的代码：

        fetch('people.json')
        .then(function (response) {
            return response.json();
        })
        .then(function (data) {
            appendData(data);
        })
        .catch(error => console.log('Looks like there was a problem: ', error));

function appendData(data) {
    var mainContainer = document.getElementById("myData");
        for (var i = 0; i < data.length; i++) {
            var div = document.createElement("div");
                div.innerHTML = 
                '<span class="date">' + data[i].date + '</span>' + 
                '<span class="title">' + data[i].title + '</span>' +
                '<span class="text">' + data[i].text + '</span>';
            mainContainer.appendChild(div);
        }
    }

我还想知道如何保持API密钥和秘密安全。如何阻止其他人查看我的JavaScript文件并查看它们？谢谢。