使用 Zendesk api 和 React 创建票证答案

【问题标题】：Creating tickets using Zendesk api with React使用 Zendesk api 和 React 创建票证
【发布时间】：2021-12-27 06:40:30
【问题描述】：

我致力于将 react 应用程序与 zendesk api 集成以创建支持票证。到目前为止，我已经完成了表单流程，但是当我向 zendesk api 发出请求时，我得到了 401。我为此使用 api_key 方法。如果有人可以帮助我解决这个问题，我对 zendesk 还是很陌生。这是用户点击提交后我的代码。

const onSubmit = async () => {
    try {
      console.log('setInfo', info)
      const data = { request: { subject: 'test', comment: { body: 'testdesc' } } }

      const user = 'test@test.com'
      const api_token = 'some_api_key'
      const url = 'https://url.zendesk.com/api/v2/tickets.json'    

      const response = await fetch(url, {
        method: 'POST', // *GET, POST, PUT, DELETE, etc.
        mode: 'no-cors',
        headers: {
          'Content-Type': 'application/json',
          Authorization: api_token,

          // 'Content-Type': 'application/x-www-form-urlencoded',
        },
        body: JSON.stringify(data), // body data type must match "Content-Type" header
      })

      console.log('respone', response)
    } catch (error) {
      console.log('respone error', error)
    }
  }

【问题讨论】：

标签： javascript reactjs zendesk zendesk-api

【解决方案1】：

您似乎没有发送正确的授权标头。根据Zendesk API reference，您需要使用以下格式的凭据：

{email_address}/token:{api_token}

例子：

jdoe@example.com/token:6wiIBWbGkBMo1mRDMuVwkw1EPsNkeUj95PIz2akv

对结果字符串进行base64编码后，将其添加到授权标头中，如下所示：

Authorization: Basic amRvZUBleGFtcGxlLmNvbS90b2tlbjo2d2lJQldiR2tCTW8xbVJETXVWd2t3MUVQc05rZVVqOTVQSXoyYWt2

【讨论】：