将 curl 请求转换为 angular http post 请求答案

【问题标题】：Converting curl request to angular http post request将 curl 请求转换为 angular http post 请求
【发布时间】：2019-07-23 22:17:27
【问题描述】：

如何将以下 curl 请求转换为 Angular 7 中的 HTTP post 请求？

curl --request POST \
  --url https://api.typeform.com/oauth/token \
  --data-urlencode 'grant_type=authorization_code' \
  --data-urlencode 'code={temporary_authorization_code}' \
  --data-urlencode 'client_id={your_client_id}' \
  --data-urlencode 'client_secret={your_client_secret}' \
  --data-urlencode 'redirect_uri=https://results-example.herokuapp.com/callback'

我尝试了下面的方法，但它不起作用

this.httpClient.post(environment.typeForm.base_url + 'token', JSON.stringify({
        'grant_type' : 'authorization_code',
        'code': `${authCode}`,
        'client_id':`${*******}`,
        'client_secret':`${*******}` ,
        'redirect_uri':`${*******}`,
    }));

grant_type 应该是 typeform 文档中指定的“authroization_code”。

这是我得到的错误

{"headers":{"normalizedNames":{},"lazyUpdate":null},"status":500,"statusText":"Internal Server Error","url":"https://api.typeform.com/oauth/token","ok":false,"name":"HttpErrorResponse","message":"Http failure response for https://api.typeform.com/oauth/token: 500 Internal Server Error","error":{"code":"internal_server_error","description":"Internal server error"}}

您可以找到我正在尝试使用的 API 的文档here

【问题讨论】：

您好，您能告诉我们您目前的尝试吗？
@sedders123 我已经用我迄今为止尝试过的内容和我得到的错误更新了这个问题

标签： curl angular7 typeform

【解决方案1】：

您可以通过将所有参数连接在一起来构建有效负载。

const body = `grant_type=${grant}&code=${code}&client_id=${clientId}&client_secret=${clientSecret}&redirect_uri=${redirectUrl}`;
this.httpClient.post(environment.typeForm.base_url + 'token', body);

您也可以尝试使用 FormData 类型来创建有效负载。

const payload = new FormData(); 
payload.append('grant_type', grantType); 
payload.append('code', code);
payload.append('client_id', clientId;
payload.append('client_secret', clientSecret);
payload.append('redirect_uri', redirectUrl);

this.httpClient.post(environment.typeForm.base_url + 'token', payload);

【讨论】：