Вход в социальную сеть Angular 7 - всплывающее окно входа в Google исчезает после нажатия - PullRequest
Новая
       6

Вход в социальную сеть Angular 7 - всплывающее окно входа в Google исчезает после нажатия

0 голосов
/ 10 февраля 2019

Я использую аутентификацию Google в своем проекте Angular 7, но у меня возникают проблемы с всплывающим окном, которое отображается при использовании кнопки входа в Google.

На обычной вкладке Chrome - всплывающее окно, в котором пользователивход в Google через несколько секунд отображается в виде пустого белого всплывающего окна, а затем просто исчезает.

Это происходит только в chrome, когда в браузере отключена защита.Этого не происходит и в Safari, поэтому я не совсем понимаю, что не так.Я включил всплывающие окна и файлы cookie в Chrome для всех веб-сайтов, но это не имело значения.

Наконец, я не уверен, связано ли это, но когда я просматриваю исходный HTML-код на обычной вкладке Chrome (безопасностьвключен и все), я получаю это: 

<code><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Error</title>
</head>
<body>
<pre>Cannot GET /login

1 Ответ

0 голосов
/ 25 апреля 2019

Я и раньше сталкивался с этой проблемой.Обычно он работает как положено, но иногда отображает пустое всплывающее окно.Вы всегда можете попробовать использовать логин через перенаправление вместо всплывающего метода.(Заявлено, что это предпочтительный метод с помощью мобильного телефона):

auth.service.ts 

import { auth as fbAuth } from 'firebase/app';

async googleLogin() {
  const provider = new fbAuth.GoogleAuthProvider();
  return await this.oAuthLogin(provider);
}

async oAuthLogin(provider) {
  await fbAuth().signInWithRedirect(provider);
  return await fbAuth().getRedirectResult(result => {
  if (result.user != null) {
    var user = result.user;
    console.log(`Welcome back, ${user.displayName}!`);
    }
  })
  .catch(error => console.error(error));

}
...