Auth Service

Auth Service ekedi api facebook ekata sambanayen plugins use karanwada? import statement thiyenwada?

// Facebook Login
  fbLogin() {
    return this.fb.login(['email']);
  }

  // Callback method for Facebook Login
  onFbLoginSuccess(res: FacebookLoginResponse) {
    const credential = auth.auth.FacebookAuthProvider.credential(res.authResponse.accessToken);

    return this.ngFireAuth.signInWithCredential(credential);
  }

Login Page

this.auth.fbLogin()
    .then((response: FacebookLoginResponse) => {
      this.auth.onFbLoginSuccess(response)
      .then(user => {
         console.log(user.user)
      })
      .catch(error => {
        this.util.presentToast('Authentication Failed');
        console.log(error);
      });
    })
    .catch(error => {
      console.log(error);
      this.util.presentToast(error);
      this.dismissLoading();
    })

@oditha oka balal kynna bro, wadanm fb code ekath dannam, Ionic version eka mkkda use krna?

@dev_lak Bro google native popup eka completed. facebook ekaat help ekak denanna puluwanda?

@oditha

@oditha said in Ionic Firebase social login help:

Me kotasa add karagen passe ionic serve run karama blank black page ekak enne browser eket

private google: GooglePlus

Meka constructor ekata dammama blank screen.

app.module.ts eka provider add karala me issue eka fix karagatta.

@oditha said in Ionic Firebase social login help:

Me kotasa add karagen passe ionic serve run karama blank black page ekak enne browser eket

private google: GooglePlus

Meka constructor ekata dammama blank screen.

Me line eke

 const credential = accessSecret ? auth.auth.GoogleAuthProvider.credential(accessToken, accessSecret) : auth.auth.GoogleAuthProvider.credential(accessToken);

auth.auth not found error Eka throw wenwa.

Web Client Id eka kohomda ganne?

Auth Service

import { GooglePlus } from '@ionic-native/google-plus/ngx';
import { Platform } from '@ionic/angular';
import { AngularFireAuth } from "@angular/fire/auth";

constructor(
    public ngFireAuth: AngularFireAuth,
    private google: GooglePlus,
    private platform: Platform,
  ) {
  }

// Google Login
  googleLogin() {
    let params = {};

    if (this.platform.is('android')) {
      params = {
        webClientId: '', // put webclientID 'string'
        offline: true
      };
    }

    return this.google.login(params);
  }

// Callback method for Google Login
  onGoogleLoginSuccess(accessToken, accessSecret) {
    const credential = accessSecret ? auth.auth.GoogleAuthProvider.credential(accessToken, accessSecret) : auth.auth.GoogleAuthProvider.credential(accessToken);

    return this.ngFireAuth.signInWithCredential(credential);
  }

Login Page

import { AuthService } from '../../services/auth.service';

constructor(
    private auth: AuthService,
) {}

googleLogin() {
    this.auth.googleLogin()
    .then(response => {
      const { idToken, accessToken } = response;

      this.auth.onGoogleLoginSuccess(idToken, accessToken)
      .then(user => {
        console.log(user.user);
      })
      .catch(err => { console.log(err) });
}

  signInWithFacebook() {
    const provider = new firebase.auth.FacebookAuthProvider();
    // const scopes = ['user_birthday'];
    return this.socialSignIn(provider.providerId);
  }
  
  signInWithGoogle() {
    const provider = new firebase.auth.GoogleAuthProvider();
    const scopes = ['profile', 'email'];
    return this.socialSignIn(provider.providerId, scopes);
  }

  socialSignIn(providerName: string, scopes?: Array<string>): Promise<any> {
    const provider = new firebase.auth.OAuthProvider(providerName);
  
    // add any permission scope you need
    if (scopes) {
      scopes.forEach(scope => {
        provider.addScope(scope);
      });
    }
  
    if (this.platform.is('desktop')) {
      return this.afAuth.signInWithPopup(provider);
    } else {
      // web but not desktop, for example mobile PWA
      return this.afAuth.signInWithRedirect(provider);
    }
  }

Me page eke code eaka.

  facebookSignIn() {
    this.authService.signInWithFacebook()
      .then((result: any) => {
        if (result.additionalUserInfo) {
          this.authService.setProviderAdditionalInfo(result.additionalUserInfo.profile);
        }
        // This gives you a Facebook Access Token. You can use it to access the Facebook API.
        // const token = result.credential.accessToken;
        // The signed-in user info is in result.user;
        this.tabs();
      }).catch((error) => {
        // Handle Errors here.
        console.log(error);
      });
  }

  googleSignIn() {
    this.authService.signInWithGoogle()
      .then((result: any) => {
        if (result.additionalUserInfo) {
          this.authService.setProviderAdditionalInfo(result.additionalUserInfo.profile);
        }
        // This gives you a Google Access Token. You can use it to access the Google API.
        // const token = result.credential.accessToken;
        // The signed-in user info is in result.user;
        this.tabs();
      }).catch((error) => {
        // Handle Errors here.
        console.log(error);
      });
  }

uda answer eka mata clear madi. mekata galpenna kiyanna puluwanda?