javascript - 从客户端隐藏 API key

Question

我正在尝试与 Zendesk 进行 API 集成。我有很多问题。你可以在下面看到我到目前为止问过的问题:

How to pass an access token in an ajax call

ZenDesk API ticket submission using Javascript - authorization

现在好消息 - 我已经在表面上工作了。但是我的 API key 在客户端 Javascript 中是公开的，我需要想办法隐藏它。这是目前我的代码的样子:

$.ajax({
        type: 'post',
        url: 'https://domain.zendesk.com/api/v2/tickets.json',
        data: {
          "ticket": {
            "subject": "new contact from " + contactEmail,
            "comment": {
              "body": contactFirstName + ' ' + contactLastName + ' ' + 'says: ' + contactMessage + contactEmail
            }
          }
        },
        beforeSend : function(xhr) {
            xhr.setRequestHeader( 'Authorization', 'BEARER (my key is here)' );
        },
        success: function(response) {
            console.log(response);
        },
        error : function(error) {
            console.log(error);
        }
        console.log('support ticket sent');
      });

我的研究使我获得了以下资源:

How to Hide an API Key in Client-Side Javascript

http://billpatrianakos.me/blog/2016/02/15/securing-api-keys-in-a-javascript-single-page-app/

Using JS/PHP/JS to hide API key

他们都认为这应该在服务器端处理。但是，我找不到任何关于如何执行此操作的明确教程。有人可以给我一个关于如何开始的想法吗？坚持了一个多星期。

Answer 1

正如某些人所提到的，您唯一可以做的就是联系一个 PHP 文件作为中间件。因此，您请求一个 PHP 文件并发送一个 cURL 请求。

客户端应用程序的问题是，客户端可以读取所有内容。因此，您唯一的方法就是使用 PHP 执行一些中间步骤。

最好的是您可以等待 cURL 响应并将响应返回给客户端。