打字稿离子 2 com angularjs。 Credenciais em Http post para pegar 令牌

Question

首先祝大家下午好，希望你没事。

我是 AngularJS 的新手。我正在使用 Visual Studio、Ionic 2 和 typescript。

我已经设法用 .net 中的 REST api 为我的应用程序提供服务，现在我已经实现了一个用于测试的令牌。它是 Microsoft.Owin.Security.OAuth ... 在我在 Xamarin 中制作令牌之前它起作用了。现在我通过 Angularjs 尝试以下方法：

import { Injectable } from '@angular/core';
import { Http, Headers, RequestOptions, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import { Storage } from '@ionic/storage';
import { URLSearchParams } from "@angular/http";
import 'rxjs/add/operator/map';
import 'rxjs/Rx';


public GetValidatedToken(){
  this.urlToken = 'http://localhost:63634/token';
  this.headers = new Headers();
  this.headers.append('Content-Type', 'application/x-www-form-urlencoded');

   // this.data = 'grant_type=password&username=' + 'User' + '&password=' + 'user1234-';    
   // this.data = "grant_type=password" + "&username=User" + "&password=user1234-";

   this.urlSearchParams = new URLSearchParams();

   this.urlSearchParams.append('grant_type', 'password');
   this.urlSearchParams.append('username', 'User');
   this.urlSearchParams.append('password', 'user1234-');

   this.data = this.urlSearchParams.toString();


   this.http.post('http://localhost:63634/token', this.data, { headers: this.headers })
     .subscribe(res => {
        if (res.json().success) {
           window.localStorage.setItem('token', res.json());
           this.jsonresult = window.localStorage.getItem('token');                
           console.log('Sucesso!');
        } else {
           this.jsonresult = 'Erro ao pegar token.';                
           console.log('Deu erro!');
        }
  });

  return (this.jsonresult);
}

我想用这个函数返回令牌字符串。 错误是它没有成功，它进入了“else”。另一个问题是函数的“结果”。 即使我在变量中放了一条消息，在另一个类中也没有返回内容......它返回“未定义”

在其他类中我是这样说的：

import { TokenValidate } from '../token/TokenValidate';

...
constructor(public http: Http, public tokenValid: TokenValidate, ) {
  this.http = http;
  this.token = this.tokenValid.GetValidatedToken();
  console.log('Token bearer :' + this.token);
}

我做了很多研究，所以我不必提出问题，但它没有用。

请记住，我对此完全陌生，这肯定是一个荒谬的细节

令牌类型为“Bearer”。

提前感谢您的帮助。 阿曼达·马林斯 (Amanda Marins)。

Answer 1

我设法解决了：

---

TokenValidate 类

>constructor(public http: Http) {
>  this.http = http;
>}
>
>public GetValidatedToken (credentials: string){
>    this.urlToken = 'http://localhost:63634/Token';
>   
>
>    var header = new Headers();
>    header.append('Content-Type', 'application/x-www-form-urlencoded');
>            
>    this.http.post(this.urlToken, credentials,{ headers: header })
>      .subscribe(res => {
>      this.result = res.json();
>    localStorage.setItem('token',this.resultado.access_token);            
>    });
>
>    this.jsonresult = localStorage.getItem('token');
>    //console.log(this.jsonresult);
>
>    return
>        ( this.jsonresult );
>}

---

用户服务类

>constructor(public http: Http, public tokenValid: TokenValidate){
>    this.http = http;
>    this.headers = new Headers ({'Content-Type': 'application/json',
>      'Accept': 'q = 0.8; application/json; q = 0.9'});
>    this.creds = "grant_type=password" + "&username=User" 
>        +"&password=user1234-";
>    this.token = this.tokenValid.GetValidatedToken (this.creds);
>    console.log ('Token bearer:' + this.token);
>    this.headers.append ('Authorization', 'Bearer' + this.token);
>            
>    this.options = new RequestOptions({headers: this.headers});
>}
>
>getUsers(){
>    if (this.data){
>       return Promise.resolve(this.data);
>    }
>       
>    return new Promise(resolve => {
>        this.http.get (this.apiUrl+'/user', this.options)
>         .map(res => res.json())
>         .subscribe(data => {
>             this.data = data;
>             solve(this.data);
>         });
>    });
>}

---

希望对需要的人有所帮助。

谢谢！！ =)

Att Amanda Marins。