Пользовательская аутентификация Angular 6 Firebase с токеном

Я пытаюсь выполнить аутентификацию на сервере firebase, чтобы получить подробную информацию, которую я использовал, когда использовал angular 1.6.

var fbRef = new Firebase(decodedUtSession.fburl);
fbRef.authWithCustomToken(decodedUtSession.fbtkn, function(error, authData) {
$rootScope.fbRef = fbRef;
if (error){
    console.info("Firebase Login Failed!", error);
  }
});

Но теперь я обновляю свое приложение до angular 6 с помощью @ angular / fire для firebase. Я попробовал приведенный ниже код для пользовательской аутентификации, но я всегда получаю invalidAuthTokeb, хотя токен действителен и отлично работает с приложением angular 1.6.

import { AngularFireAuth } from '@angular/fire/auth';
import { FirebaseAuth } from '@angular/fire';

constructor(private afAuth: AngularFireAuth) { }

 this.afAuth.auth.signInWithCustomToken(devToken).then((data) => {
     console.info(data);
 });

Может ли кто-нибудь помочь мне, как правильно выполнить аутентификацию TIA.

Вы уверены, что правильно передаете токен? не могли бы вы также показать ошибку?

Javier Aviles 11.10.2018 15:45

@JavierAviles, я получаю эту ошибку, и да, токен авторизации правильный. One POST googleapis.com/identitytoolkit/v3/relyingparty/… 400 zone.js: 192 Uncaught L {code: "auth / invalid-custom-token", message: "AUDIENCE_MISMATCH"} code: "auth / invalid- custom-token "сообщение:" AUDIENCE_MISMATCH "прото: Ошибка

Rohit Kotak 11.10.2018 18:18

Можете ли вы перейти к jwt.io и расшифровать свой собственный токен? давайте посмотрим, что внутри ... также убедитесь, что у вашего переднего клиента тот же project_id, что и у бэкэнд-проекта

Javier Aviles 12.10.2018 10:39

@JavierAviles Я генерирую токен в бэкэнде, а затем через вызов API я получаю этот токен, и после передачи токена в signInWithCustomToken () я получаю эту ошибку. есть ли другой способ сделать пользовательскую аутентификацию в firebase с angular 6.

Rohit Kotak 17.10.2018 09:37

Если вы хотите выполнить пользовательскую аутентификацию токена, похоже, это путь

Javier Aviles 18.10.2018 15:30
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
5
1 311
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Angular 2+ использует Firebase SDK3.0, поэтому бэкэнд также должен быть обновлен, чтобы иметь аутентификацию.

Другие вопросы по теме