0

我是创建 Zendesk 应用程序并遵循此处的入门指南的新手。

简单来说

无法将外部 API 的 URL 传递给 Zendeskapp.js文件中的 AJAX 调用语法。我的简单 Zendesk 应用程序代码可以在这里下载。

例如

当我们将以下 URL 传递给requests

https://api.hubapi.com/contacts/v1/contact/email/namgivu@gmail.com/profile?hapikey=demo

Zendesk app.js 将调用

https://namgivu.zendesk.com/proxy/to/https%3A%2F%2Fapi.hubapi.com%2F   contacts%2Fv1%2Fcontact%2Femail%2Fnamgivu%40gmail.com%2Fprofile%3Fhapikey%3Ddemo

即后缀https://namgivu.zendesk.com/proxy/to/会自动添加到 URL,使其成为参数而不是完整的 URL 请求。

详细介绍

我可以成功调用 Zendesk API 方法,例如'/api/v2/users/4829450618.json'。虽然我不能调用外部 API,例如 Hubspot API,例如这个完整的 URL 调用

peseudo context如下。

让我们将示例的上下文app.js如下所示

  1. 只需通过以下方式启动代码'app.activated': 'myStart'
  2. 然后在不同情况下调用 AJAX 请求this.ajax('myAJAXCall')1) 内部 Zendesk API,2a) 目标 Hubspot API 调用,2b) 简化的外部 API 调用,以及 2c) 简单的测试调用。

我们可以看到,在#2b 和#2c 的情况下,Zendesk 自动将 URL 前缀添加到我们的 URL 参数中,这不是我们想要的,即我们希望将 AJAX 调用发送到我们设置的确切完整 URL。

app.js所以我的问题是,如何从Zendesk 应用程序代码中调用外部 API 方法?

在此处输入图像描述

(function() {

    return {
        events: {
            'app.activated': 'myStart',     
       },

        myStart: function() {
            this.ajax('myAJAXCall').then(
                //succeeded handler
                function(data) {
                    this.switchTo('someView', data);
                },

                //failed handler
                function() {
                    this.switchTo('errorView');
                }
            );
        },

        requests: {
            myAJAXCall: function() {
                return {
                    url: '/api/v2/users/4829450618.json', //case 1 - internal Zendesk api call

                    url: 'https://api.hubapi.com/contacts/v1/contact/email/'+email+'/profile?hapikey=' + this.hubspotAPIKey, //case 2a - target Hubspot api call
                    url: 'http://someDomain.com/abb', //case 2b - simplified `external api` call
                    url: 'abb',  //case 2c - simplified `external api` call

                    type: 'GET',
                    dataType: 'json',
                };
            }, 
        },        
    };

}());
4

1 回答 1

2

令人惊讶的是,感谢 Zendesk 支持团队,调用时的一小部分 AJAX 参数是cors:false

在此处输入图像描述

于 2016-03-18T11:19:06.163 回答