Problems with autentication

[dioubernardo]

Base in this example https://github.com/hellotunmbi/angular2-authentication-firebase i implement the facebook autentication, all work fine, but when I install the application on the mobile the authentication stops working.

Version info

Angular: 6.0.4
Firebase: 5.0.4
AngularFire: 5.0.0-rc.10

How to reproduce these conditions

Para visualizar o erro basta utilizar https://pedidosthebest.firebaseapp.com/ a parte da autenticação, in firts execution show "- null
" no user. After autentication user data.

If run in android and instal pwa, after redirect autentication only "- null
" is shown.

[hiepxanh]

you can check this is mine facebook authentication. it working on mobile my method or try here

[dioubernardo]

My code is very similar, but i not use ionic is only angular with install option.
"@angular/pwa": "^0.6.8",
"@angular/service-worker": "^6.0.4"

But I discovered that the promise is not executed in the return of the authentication.

export class AuthService { constructor(private _firebaseAuth: AngularFireAuth) { } login(): Promise<any> { return this._firebaseAuth.auth.signInWithRedirect( new firebase.auth.FacebookAuthProvider() ); } .... }

export class LoginComponent { constructor( public authService: AuthService, private router: Router ) { } login() { this.authService.login().then((res) => { this.router.navigate(['/']); }).catch((err) => { this.erro = 'Erro ao autenticar: ' + err; }); } }

[dioubernardo]

I created a test sample https://github.com/dioubernardo/firebaseAuth

How it was created
ng new firebaseAuth
cd firebaseAuth
npm install firebase angularfire2 --save

To test you have to correct the data in environment

When clicked on login with popup the promise is executed when executed with redirect the promise is not executed. This is normal?

[hiepxanh]

aw, the redirect work correctly, I dont have any problem with your code but

We could not log you in: You can't log in to this app or website because you do not meet the requirements for country, age or other criteria.

i'm from Viet Nam, are you block my country?
did you add facebook key?

[dioubernardo]

Sorry, only two countries were released, but I just removed the country restriction.

To identify the problem, I decided to isolate the code, because the whole process seems to be ok, but when the app is installed on the phone, it seems that the redirect return can not identify the user.

For this I created another repository https://github.com/dioubernardo/firebaseAuth and it is publishing in a tests app in firebase https://the-best-dev.firebaseapp.com

When I was writing this test I noticed that the promise in signInWithRedirect is not executed.

Tomorrow I will publish a new version with the installation process and the actual problem, I am just verifying that the process is in accordance with the angular recommendations.

[hiepxanh]

both login successful with me ?

[dioubernardo]

Okay, both do sign, but to close the popup promise is resolved, and the return redirection the promise is not resolved.

In my last commit I followed the guide https://angular.io/guide/service-worker-getting-started

ng add  @angular/pwa --project frontend
ng build --prod

The link https://the-best-dev.firebaseapp.com/ is with this version

If I run in desktop browser - OK
If I add the PC home screen - OK
If I run in the mobile - Error

I know that when installing on mobile the popup will not work, so hopefully only the redirect will work.

Watch the videos below.

When running on Android after you have installed it on the home screen
https://photos.app.goo.gl/vMh9ooUsLepRXU9S7

After that I removed the initial screen and tried again via browser
https://photos.app.goo.gl/wjZfD3gXfDYLmXXMA

[dioubernardo]

Now I really do not know anything else :(

I removed all the part of the service-work which was what I thought was causing problems in authentication, and even then it is not authenticating.

I think it might be something related to opening the facebook app during the redirect.
This version with authentication problems is at https://pedidosthebest.firebaseapp.com/

Look the problem in movie
https://photos.app.goo.gl/6MWeVfGaiWWEjnp28

[dioubernardo]

Something has changed in the last few days and authentication has started to work correctly.
One difference I saw, is that now authentication is no longer opening in the facebook APP, but a m.facebook.com link

[dioubernardo]

I'll close the case, because I believe the problem was elsewhere.
The videos will stay to document the case, however the domain the-best-dev.firebaseapp.com will no longer contain the codes.