自定义身份验证 AngularFire2 Ionic2答案

【问题标题】：Custom Authentication AngularFire2 Ionic2自定义身份验证 AngularFire2 Ionic2
【发布时间】：2016-06-17 13:45:21
【问题描述】：

我将我的应用程序从 Ionic 1 更新到 Ionic 2。对于第一个应用程序（Ionic 1），我使用 AngularFire 和自定义身份验证（使用 Slim 框架）。使用 Ionic 2，我尝试使用 AngularFire2（和 firebase 2.4.2）做同样的事情，但是当我授权到 firebase 时出现此错误。

代码（App.ts）：

@App({
  templateUrl: './build/app.html',
  providers: [
    FIREBASE_PROVIDERS,
    defaultFirebase('https://<APP>.firebaseio.com/'),
    firebaseAuthConfig({
      provider: AuthProviders.Custom,
      method: AuthMethods.CustomToken
    })
  ]
})

代码（Login.ts）：

export class LoginPage {
  n_adherent:number = null;
  password:string = '';

  constructor(..., private af:AngularFire, private _authService:AuthService) {}

  connect() {
    let credentials = {
      n_adherent: parseInt(this.n_adherent, 10),
      password: this.password
    };

    // Send credentials to my PHP server
    this._autService.login(credentials)
      .subscribe(data => {
        if (data.token) {

          // I get the token

          let token = data.token;

          // Authenticate to Firebase
          this.af.auth.login(token)
            .then((data) => console.log(data))
            .catch((error) => console.log(error));
        }
      });
  }
}

错误（在控制台中）：

You must include credentials to use this auth method.

来自 firebase/php-jwt 的代码：

<?php
use \Firebase\JWT\JWT;

$key = "example_key";
$token = array(
    "iss" => "http://example.org",
    "aud" => "http://example.com",
    "iat" => 1356999524,
    "nbf" => 1357000000
);

/**
 * IMPORTANT:
 * You must specify supported algorithms for your application. See
 * https://tools.ietf.org/html/draft-ietf-jose-json-web-algorithms-40
 * for a list of spec-compliant algorithms.
 */
$jwt = JWT::encode($token, $key);
$decoded = JWT::decode($jwt, $key, array('HS256'));

print_r($decoded);

/*
 NOTE: This will now be an object instead of an associative array. To get
 an associative array, you will need to cast it as such:
*/

$decoded_array = (array) $decoded;

/**
 * You can add a leeway to account for when there is a clock skew times between
 * the signing and verifying servers. It is recommended that this leeway should
 * not be bigger than a few minutes.
 *
 * Source: http://self-issued.info/docs/draft-ietf-oauth-json-web-token.html#nbfDef
 */
JWT::$leeway = 60; // $leeway in seconds
$decoded = JWT::decode($jwt, $key, array('HS256'));

?>

需要你的帮助。

【问题讨论】：

标签： authentication angular angularfire ionic2 custom-authentication

【解决方案1】：

你的令牌是一个字符串，对吧？
我们只是遇到了同样的错误，不得不调试源代码。
我们意识到，this.af.auth.login 方法正在等待两个参数。

简单地说，使用以下：
this.af.auth.login(token, {})

干杯，马塞尔

【讨论】：

【解决方案2】：

这应该可以解决您的问题：

      this.af.auth.login(data.token, {
        provider: AuthProviders.Custom,
        method: AuthMethods.CustomToken
      })
        .then(data => {
          console.log(data);
        })
        .catch(error => {
          console.log(error);
        });

干杯。

【讨论】：