[firebase_auth]: UnimplementedError: signInWithPopup() is only supported on web based platforms

[Kritopoulos]

Is there an existing issue for this?

• I have searched the existing issues.

Which plugins are affected?

No response

Which platforms are affected?

No response

Description

While trying to FirebaseAuth.instance.signInWithPopup(GoogleAuthProvider()) I am facing this error on flutter web.
While I am running on localhost this functionality works properly. When i release the version to my site it stops working.
I have followed

index.html

<script type="module">
    // Import the functions you need from the SDKs you need
    import { initializeApp } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-app.js";
    // TODO: Add SDKs for Firebase products that you want to use
    // https://firebase.google.com/docs/web/setup#available-libraries

    // Your web app's Firebase configuration
    const firebaseConfig = config from firebase console;

    // Initialize Firebase
    const app = initializeApp(firebaseConfig);
</script>

main.dart

 await Firebase.initializeApp(
        name: kIsWeb ? null : 'my_app',
        options: DefaultFirebaseOptions.currentPlatform,
      );

firebase console -> authentication -> settings -> authorized domains -> domain added

firebase_auth: ^5.5.3

Reproducing the issue

Trying to hit the button to sign in with google on production site.

Firebase Core version

3.13.0

Flutter Version

3.27.4

Relevant Log Output

Flutter dependencies

Expand Flutter dependencies snippet

Replace this line with the contents of your `flutter pub deps -- --style=compact`.

Additional context and comments

No response

[MichaelVerdon]

Hi there, I was able to get google sign in working on web using the example app.
Ensure your google sign in looks something like this:

Future<void> _signInWithGoogle() async {
    // Trigger the authentication flow
    final googleUser = await GoogleSignIn().signIn();

    // Obtain the auth details from the request
    final googleAuth = await googleUser?.authentication;

    if (googleAuth != null) {
      // Create a new credential
      final credential = GoogleAuthProvider.credential(
        accessToken: googleAuth.accessToken,
        idToken: googleAuth.idToken,
      );

      // Once signed in, return the UserCredential
      await auth.signInWithCredential(credential);
    }
  }

And make sure to go into your index.html and add this line here:

  <meta name="google-signin-client_id" content="Web-Client-ID" /> 

To find your web client ID, go onto firebase console > authetication > sign-in methods > Google > Web SDK Configuration > Web Client ID and paste it into content on that meta tag. This will take you through a standard Google sign in flow.

[MichaelVerdon]

Closing issue as it is stale, feel free to reopen if the issue persists.