signInWithPopup not working in android apk

[pookdeveloper]

Hello I try to sign in. with google, in chrome works good but in android not open the popup,

this.afAuth.auth.signInWithPopup(new firebase.auth.GoogleAuthProvider());

I try this and dosent work..

let provider = new firebase.auth.GoogleAuthProvider();
    firebase.auth().signInWithRedirect(provider).then(() => {
      firebase.auth().getRedirectResult().then((result) => {
      }).catch(function (error) {
        console.log("ERROR", error);
        alert(error);
      })
    });

any solution ?

[hiepxanh]

let follow my step, I will make an PR soon:

STEP 1: install this plugin:

1) ionic cordova plugin add cordova-universal-links-plugin
2) ionic cordova plugin add cordova-plugin-buildinfo
3) ionic cordova plugin add cordova-plugin-browsertab
4) ionic cordova plugin add cordova-plugin-inappbrowser
5) ionic cordova plugin add cordova-plugin-customurlscheme (for ios)

STEP 2: Add Firebase to your Ionic

STEP 2.1: [setup firebase to angular project]
(https://github.com/angular/angularfire2/blob/master/docs/install-and-setup.md)

STEP 2.2: To set up an Android app, go to Firebase Console then
Click Add Firebase to your Android app and follow the setup steps.

STEP 3: Set up Firebase Authentication for Cordova ( sumary from firebase instruction)

STEP 3.1: In the Firebase console, open the Dynamic Links section at bottom left panel, setup by they instruction

STEP 3.2: add this to config.xml at root level of project:

     <universal-links>
        <!-- this is dynamic link created in firebase -->
        <host name="zm4e4.app.goo.gl" scheme="https" />
        <!-- this is your firebase app link -->
        <host name="routing-aadd4.firebaseapp.com" scheme="https">
            <path url="/__/auth/callback" />
        </host>
    </universal-links>
    <!-- for android -->
    <preference name="AndroidLaunchMode" value="singleTask" />

STEP 3.3: make sure your <widget id="com.yourandroid.id" ... > the same with android app's id you
added in firebase at STEP 2.2.

STEP 4: add login code:

at login.service.ts add this function:

import { AngularFireAuth } from 'angularfire2/auth';
import * as firebase from 'firebase/app';
import AuthProvider = firebase.auth.AuthProvider;

export class AuthService {
        private user: firebase.User;
	constructor(public afAuth: AngularFireAuth) {
		afAuth.authState.subscribe(user => {
			this.user = user;
		});
	}

        signInWithGoogle() {
		console.log('Sign in with google');
		return this.oauthSignIn(new firebase.auth.GoogleAuthProvider());
	}

        private oauthSignIn(provider: AuthProvider) {
		if (!(<any>window).cordova) {
			return this.afAuth.auth.signInWithPopup(provider);
		} else {
			return this.afAuth.auth.signInWithRedirect(provider)
			.then(() => {
				return this.afAuth.auth.getRedirectResult().then( result => {
					// This gives you a Google Access Token.
					// You can use it to access the Google API.
					let token = result.credential.accessToken;
					// The signed-in user info.
					let user = result.user;
					console.log(token, user);
				}).catch(function(error) {
					// Handle Errors here.
					alert(error.message);
				});
			});
		}
	}
}

Problem 1:

if you got error when build code like this:
UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): TypeError: Cannot read property 'manifest' of undefined

Please, using this fix from issue:

Making this change in 'cordova-universal-links-plugin/hooks/lib/android/manifestWriter.js' fixed this issue for me:
b2c5784#diff-d5955d9f4d88b42e5efd7a3385be79e9

[hiepxanh]

can you follow this step and make some comment? I will improve it and make an documentation about this. Thanks for your support. @pookdeveloper

[pookdeveloper]

@hiepxanh Works perfect! thanks!

[hiepxanh]

is that my tutorial good? can you login? if yes, maybe can you close the issue?

[pookdeveloper]

Closed ;)

[hiepxanh]

thank you, but can I ask you. Is that tutorial missing anything? should I add anything before creating a tutorial on angularfire2 docs? @pookdeveloper

[pookdeveloper]

I see good, only specify the fisrt steep install the module angular firebase2 2018-05-10 9:09 GMT+02:00 hiepxanh <notifications@github.com>:

…

thank you, but can I ask you. Is that tutorial missing anything? should I add anything before creating a tutorial on angularfire2 docs? @pookdeveloper <https://github.com/pookdeveloper> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#1601 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ADOlnjOlk87fuYQpl34K-cQgnf5Hhk8-ks5tw-e0gaJpZM4T0HLb> .

-- *Un saludo! David Garcia Santes* https://www.linkedin.com/pub/david-garcia/33/45/221 davidgarciasantes@gmail.com

[hiepxanh]

@pookdeveloper yes, I will update angularfire2 in the list, anything else? can you show me?

[pookdeveloper]

for now nothing ,is very complete. Regards 2018-05-10 9:21 GMT+02:00 hiepxanh <notifications@github.com>:

…

@pookdeveloper <https://github.com/pookdeveloper> yes, I will update angularfire2 in the list, anything else? can you show me? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#1601 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ADOlnv-izcCI8gp84fy7gw6gfeddtu6kks5tw-qTgaJpZM4T0HLb> .

-- *Un saludo! David Garcia Santes* https://www.linkedin.com/pub/david-garcia/33/45/221 davidgarciasantes@gmail.com

[hiepxanh]

thank you ❤️

[hiepxanh]

one last question, what kind of animal in your avatar ? it look so cute 😄 @pookdeveloper

[pookdeveloper]

hahah its a octopus: https://www.pinterest.es/oceanomonaco/octopus/?lp=true this is the image: https://www.pinterest.es/pin/94223817182004374/ 2018-05-10 9:26 GMT+02:00 hiepxanh <notifications@github.com>:

…

one last question, what kind of animal in your avatar, it look so cute 😄 — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#1601 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ADOlnlAmgcYPhpWrEasHJi7GKv7FIA7zks5tw-ucgaJpZM4T0HLb> .

-- *Un saludo! David Garcia Santes* https://www.linkedin.com/pub/david-garcia/33/45/221 davidgarciasantes@gmail.com

[hiepxanh]

that not an octopus, octopus is something like this, are you trolling me 😭