angular2 http.post method throws typeerror {} exception

Question

Я попытался изменить существующую библиотеку angularjs на angular2 для моей потребности. Метод http.post в приведенном ниже коде бросает TypeError {} в качестве исключения. Кто-то, пожалуйста, помогите, поскольку я застрял на этом.

login() { 
    return new Promise((resolve, reject) => { 
    if(typeof jsSHA !== "undefined") { 
     var signatureObj = (new OauthUtility()).createSignature("POST", this.magentoOptions.baseUrl+"/oauth/initiate", this.oauthObject, {oauth_callback: "http://localhost/callback"}, this.magentoOptions.clientSecret, null);         
     let headersInitiate = new Headers(); 
     headersInitiate.append('Authorization',signatureObj.authorization_header); 
     headersInitiate.append('Content-Type','application/x-www-form-urlencoded'); 
     let url = this.magentoOptions.baseUrl + "/oauth/initiate"; 
     let callback = "oauth_callback=http://localhost/callback"; 

     try{ 
     this.http.post(url, callback,{headers: headersInitiate}) 
     .subscribe(
      (result) => { 
      console.log("i am inside"); 
      var rParameters = (result).split("&"); 
          ..... 
     } 
     catch(Exception){ 
     console.log(Exception) 
     } 

Answer 1

Вы должны попробовать что-то вроде этого:

var signatureObj = (new OauthUtility()).createSignature("POST", 
    this.magentoOptions.baseUrl+"/oauth/initiate", this.oauthObject, 
    {oauth_callback: "http://localhost/callback"}, 
    this.magentoOptions.clientSecret, null); let headersInitiate = new Headers(); 

headersInitiate.append('Authorization', 
      signatureObj.authorization_header); 
headersInitiate.append('Content-Type', 
      'application/x-www-form-urlencoded'); 
let url = this.magentoOptions.baseUrl + "/oauth/initiate"; 

let payload = ' ... '; 
this.http.post(url, payload,{headers: headersInitiate}) 
    .subscribe(
     (result) => { 
     console.log("i am inside"); 
     var rParameters = (result).split("&"); 
     (...) 
     }); 

Вот комментарии, я бы на вашем коде:

• Второй параметр метода post должен быть строка, соответствующая к полезной нагрузке, а не к обратному вызову. Я вижу из ваших заголовков, что вы хотите отправить url-кодированную форму, поэтому вам нужно создать ее самостоятельно
• try catch не требуется, так как выполнение HTTP является асинхронным, и ошибки могут быть «пойманы» во втором параметре (другой обратный вызов) метода subscribe.
• Вам совсем не нужно обещать. Для HTTP, Angular2 использует наблюдаемые под капотом. Они также нацелены на асинхронную обработку.

После установки всего этого, я думаю, что вы не будете иметь ошибок больше ...

Надеется, что это помогает вам, Тьерри

Answer 2

я нашел застряла даже после того, как приступить выше все шаги. Полное решение заключается в следующем. Удалите блок catch try и обещайте, как предложил Тьерри. Используйте зависимой инъекции http внутри конструктора, чтобы определить http.

import {Http,HTTP_PROVIDERS,Headers} from 'angular2/http'; 
import {Injector} from "angular2/core"; 
constructor() { 

     var injector = Injector.resolveAndCreate([HTTP_PROVIDERS]); 
     this.http = injector.get(Http); 
}