时间戳

首页 > 解决方案 > 离子 Http 请求

angular - 离子 Http 请求

问题描述

我正在关注文档paypal-payment_get，并通过命令提示符使用此命令，向我返回所需的数据，但我不知道如何在我的 Ionic 项目中使用它。谁能给我一个想法？

curl -v -X GET https://api.sandbox.paypal.com/v1/payments/payment/PAY- 
0US81985GW1191216KOY7OXA \
-H "Content-Type: application/json" \
-H "Authorization: Bearer Access-Token"

我的服务代码：

getPayment() { var token = 'Bearer A21AAGZftCOieiS3hugdDfR4IcDLyQR7X8ulshgTAIg6_PXj8G5xo-BZFPERYjKE2Xll67mCS9W0xrcQXugcIN_7WnhkVEBkw'; const httpOptions = { headers: new HttpHeaders().set("Authorization", [token]).set("Content-Type", "application/json") } return this.http.get("https://api.sandbox.paypal.com/v1/payments/payment/PAY-0US81985GW1191216KOY7OXA", httpOptions) .pipe( catchError(this.handleError) ); };

和我的组件

 this.authService.getPayment().subscribe((response) => {
  console.log(response)
});

标签： angularionic-frameworkpaypal

解决方案

因此，如果您使用的是 Ionic 2+ 和 Angular 4.3+，您应该遵循以下指南：

https://angular.io/guide/http

在您的情况下，您想在您的提供者中创建一个 GET 方法〜像这样：

  getPayment() {
    const httpOptions = {
      headers: new HttpHeaders().set("Authorization", [HERE USE VAR WITH AUTH TOKEN]).set("Content-Type", "application/json")
    }
    return this.http.get("https://api.sandbox.paypal.com/v1/payments/payment/PAY-0US81985GW1191216KOY7OXA", httpOptions)
      .pipe(
          catchError(this.handleError)
      );
  };

在您的组件中，您要调用此方法并订阅其结果：

getPayment() {
    this.yourProvider.getPayment().subscribe((response)=>{
        console.log(response)
    })
}

不要忘记导入所有必需的东西，如果您遇到困难，请分享您当前组件的代码。

推荐阅读