Getting error Something went wrong, code: 10

Question

Getting error Something went wrong, code: 10

mohamednagy opened this issue 10 months ago · comments

I'm trying to use this package for google sign in. I'm always getting this error

{"save":false,"callbackId":"40115251","pluginId":"GoogleAuth","methodName":"signIn","success":false,"error":{"message":"Something went wrong","code":"10"}}

I tried to follow the documentation as is, here is my configurations:

capacitor.config.json

{
  "appId": "io.ionic.nostashteeb",
  "appName": "Nos Tashteeb",
  "webDir": "dist",
  "bundledWebRuntime": false,
  "plugins": {
    "GoogleAuth": {
      "scopes": ["profile", "email"],
      "iosClientId": "",
      "clientId": "CLIENT_ID.apps.googleusercontent.com",
      "androidClientId": "CLIENT_ID.apps.googleusercontent.com",
      "serverClientId": "CLIENT_ID.apps.googleusercontent.com",
      "forceCodeForRefreshToken": true
    }
  }
}

strings.xml

<string name="server_client_id">CLIENT_ID.apps.googleusercontent.com</string>

MainActivity

registerPlugin(
                com.codetrixstudio.capacitor.GoogleAuth.GoogleAuth.class
        );

and then within my vue application using as

try {
const response = await GoogleAuth.signIn();
} catch (error) {

}

I created my client_id from the google cloud console and copied my SHA1 to the google cloud console but still always getting this error.

capacitor: ^5.1.0
@codetrix-studio/capacitor-google-auth: ^3.3.2

Sunda Amami · Answer 1 · Wed Aug 02 2023 11:29:09 GMT+0800 (China Standard Time)

I'm facing same issue.

Sunda Amami · Answer 2 · Wed Aug 02 2023 13:34:28 GMT+0800 (China Standard Time)

This error is the same as error #87.

This error code indicates an issue caused by the developer.
Check if your client_id is valid.
Verify that the fingerprint of the debug.keystore has been registered in the Firebase project settings. If it is not, redownload and replace the google-services.json file.

Diogo S. N. · Answer 3 · Thu Aug 03 2023 04:31:41 GMT+0800 (China Standard Time)

i have the same problem, i really try so many things, can help me ?

my config.json :

 "plugins": {
    "GoogleAuth": {
      "scopes": ["profile", "email"],
      "androidClientId": "ANDROID_APP_clientid",
      "forceCodeForRefreshToken": true
    }
  },

strings.xml

<string name="server_client_id">CLIENT_ID.apps.googleusercontent.com</string>

i don't know if i need a other cliendID, i see some peoples say for use the web_client_id and not the android_app_client_id, but don't work too :/.

What i can do ?

stevegtdbz · Answer 4 · Thu Aug 03 2023 15:59:23 GMT+0800 (China Standard Time)

I have exactly the same issue. It seems that google deprecated a module that this repo built on and cannot work anymore.

https://developers.google.com/identity/gsi/web/guides/migration

Diogo S. N. · Answer 5 · Thu Aug 03 2023 21:12:38 GMT+0800 (China Standard Time)

in this case i think, dont have other manner to use in a hibryd app(capacitor with ionic) ? In this guide i only see java codes in gradle. Maybe exists some plugin ? like capacitors plugins or ionics components ?

PathOr_Admin · Answer 6 · Fri Aug 04 2023 03:56:38 GMT+0800 (China Standard Time)

same issue here as well😔, @reslear

Sajjad Ali · Answer 7 · Fri Aug 04 2023 06:32:00 GMT+0800 (China Standard Time)

Same issue. banging my head against the wall for the last few hours. Thought I was doing something wrong.

Diogo S. N. · Answer 8 · Fri Aug 04 2023 10:07:44 GMT+0800 (China Standard Time)

i think we can use the basic method maybe ? instead of using a plugin we can using the firebase method open in browser of phone ? I try to use the browser for this but the browser can't back to the app after the authentication, someboy know something about this ?

PathOr_Admin · Answer 9 · Sun Aug 06 2023 16:57:54 GMT+0800 (China Standard Time)

finally after 43 hrs continuous real struggle, me fixed it😃🥳👯🎈🎉🎊

stevegtdbz · Answer 10 · Sun Aug 06 2023 17:02:10 GMT+0800 (China Standard Time)

How? You managed to make it work on android device too?

Please share the solution, big headaches here too..

PathOr_Admin · Answer 11 · Sun Aug 06 2023 20:28:43 GMT+0800 (China Standard Time)

@stevegtdbz ya ya in understand pal, my issue was my sha1 key was different than that i added on firebase for google auth.
I am using google auth. Also ensure you have added androidClientId specifcally for android in your capacitor config file.
I m pretty sure this will work for you!!
See bascially what i understood is code error 10 is totally related developer side issue, I have seen number of people already using this and succeed using the this google auth. Also google identiy is diffrerent and current auth is still supported , so currently we don't need worry about migration!

Sajjad Ali · Answer 12 · Mon Aug 07 2023 03:08:29 GMT+0800 (China Standard Time)

Has anyone else got it working with the purposed solution? This GoogleAuth plugin should work independently if I'm not mistaken. How Firebase SHA1 is related to this. I tried with Firebase, provided SHA1, but still the same error.

stevegtdbz · Answer 13 · Mon Aug 07 2023 14:25:23 GMT+0800 (China Standard Time)

@stevegtdbz ya ya in understand pal, my issue was my sha1 key was different than that i added on firebase for google auth.
I am using google auth. Also ensure you have added androidClientId specifcally for android in your capacitor config file.
I m pretty sure this will work for you!!
See bascially what i understood is code error 10 is totally related developer side issue, I have seen number of people already using this and succeed using the this google auth. Also google identiy is diffrerent and current auth is still supported , so currently we don't need worry about migration!

Thanks for the response. The old google api seems to work only for api keys that generated before of july 22.

Check the warning message here
https://developers.google.com/identity/sign-in/web/sign-in

For new keys, as far as i understand, it requires to implement gis.

PathOr_Admin · Answer 14 · Mon Aug 07 2023 16:17:44 GMT+0800 (China Standard Time)

@stevegtdbz ya ya in understand pal, my issue was my sha1 key was different than that i added on firebase for google auth.
I am using google auth. Also ensure you have added androidClientId specifcally for android in your capacitor config file.
I m pretty sure this will work for you!!
See bascially what i understood is code error 10 is totally related developer side issue, I have seen number of people already using this and succeed using the this google auth. Also google identiy is diffrerent and current auth is still supported , so currently we don't need worry about migration!

Thanks for the response. The old google api seems to work only for api keys that generated before of july 22.

Check the warning message here https://developers.google.com/identity/sign-in/web/sign-in

For new keys, as far as i understand, it requires to implement gis.

But my api keys are created a week agao🤔 and it's working.

PathOr_Admin · Answer 15 · Mon Aug 07 2023 16:18:58 GMT+0800 (China Standard Time)

But yeah, the google is upgarding it's policy and auth process , so @reslear , we need to also upgrade with it in near future! Who knows when it completly stops working!!

Diogo S. N. · Answer 16 · Tue Aug 08 2023 22:23:49 GMT+0800 (China Standard Time)

@OnlinePage can you send an example of code ? i tried all this things and dont work for me :/. I will try to see the keys again, but I already add my SHA1 in app, which key i need put in androidClientId ? You catch the key from google-services.json ? in this file have client_type 1 and client_type 3 i think...

reslear · Answer 17 · Wed Aug 09 2023 20:38:47 GMT+0800 (China Standard Time)

@OnlinePage please answer #202 (comment)

Martin DONADIEU · Answer 18 · Wed Aug 09 2023 21:32:26 GMT+0800 (China Standard Time)

Make it work on my side by using serverClientId with "client_type": 3 client_id ( the web one, not native one WTF)

stevegtdbz · Answer 19 · Thu Aug 10 2023 14:29:13 GMT+0800 (China Standard Time)

After many days of searching & troubleshooting, it finally worked for me too!

In my case, firebase is no needed.. i am just getting the "id_token" and sending it to my backend.. then i verify the token and grand access to my user.. so here is what followed:

1) Google console setup
Create a web application

Set into "Authorized JavaScript origins" & "Authorized redirect URIs" -> http://localhost ( to be able to test from your browser too, just add your serve port like http://localhost:4200 )
On "Publishing status" set "in production"
Now get the web_cllient_id and use it below on each config.GOOGLE_CLIENT_ID reference below

Create an android application (i know make no sense)

Set Name & Package name.
For the SHA1 go to android studio and use this one
keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android

2) capacitor.config.ts

plugins: {
    GoogleAuth: {
      scopes: ['profile', 'email'],
      clientId: config.GOOGLE_CLIENT_ID,
      androidClientId: config.GOOGLE_CLIENT_ID,
      serverClientId: config.GOOGLE_CLIENT_ID,
    },
  },

3) Angular component

GoogleAuth.initialize({
      clientId: config.GOOGLE_CLIENT_ID,
      scopes: ['profile', 'email'],
})

async googleSignIn() {
    let googleUser = await GoogleAuth.signIn();
    //todo
}

** On android project have only registered the plugin, nothing else registerPlugin(com.codetrixstudio.capacitor.GoogleAuth.GoogleAuth.class);

@OnlinePage You had right! I also used a new key and worked fine! but i also found another one from an old project in case google decides to shut down the new ones (as per their warnings) :p

PathOr_Admin · Answer 20 · Thu Aug 10 2023 14:37:40 GMT+0800 (China Standard Time)

After many days of searching & troubleshooting, it finally worked for me too!

In my case, firebase is no needed.. i am just getting the "id_token" and sending it to my backend.. then i verify the token and grand access to my user.. so here is what followed:

1) Google console setup
Create a web application

Set into "Authorized JavaScript origins" & "Authorized redirect URIs" -> http://localhost to be able to test from your browser too, just add your serve port like http://localhost:4200

On "Publishing status" set "in production"

Now get the web_cllient_id and use it below on each config.GOOGLE_CLIENT_ID reference below

Create an android application (i know make no sense)

Set Name & Package name.

For the SHA1 go to android studio and use this one
keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android

2) capacitor.config.ts
plugins: {
    GoogleAuth: {
      scopes: ['profile', 'email'],
      clientId: conf.GOOGLE_CLIENT_ID,
      androidClientId: conf.GOOGLE_CLIENT_ID,
      serverClientId: conf.GOOGLE_CLIENT_ID,
    },
  },
3) Angular component
GoogleAuth.initialize({
      clientId: config.GOOGLE_CLIENT_ID,
      scopes: ['profile', 'email'],
})
async googleSignIn() {
    let googleUser = await GoogleAuth.signIn();
    //todo
}
** On android project have only registered the plugin, nothing else registerPlugin(com.codetrixstudio.capacitor.GoogleAuth.GoogleAuth.class);

@OnlinePage You had right! I also used a new key and worked fine! but i also found another one from an old project in case google decides to shut down the new ones (as their warnings) :p

Glad it worked !! 🥳. Ahhh... Google and it's policies😔

PathOr_Admin · Answer 21 · Fri Aug 11 2023 04:33:48 GMT+0800 (China Standard Time)

@OnlinePage can you send an example of code ? i tried all this things and dont work for me :/. I will try to see the keys again, but I already add my SHA1 in app, which key i need put in androidClientId ? You catch the key from google-services.json ? in this file have client_type 1 and client_type 3 i think...

i guess @stevegtdbz answer is guide for you

Sourabh Kardile · Answer 22 · Thu Aug 17 2023 00:21:20 GMT+0800 (China Standard Time)

ERROR Error: Uncaught (in promise): Error: Something went wrong
Error: Something went wrong
at returnResult (VM3:849)
at Object.win.androidBridge.onmessage (VM3:824)
at q (polyfills.ea3cb635cad86c66.js:1)
at polyfills.ea3cb635cad86c66.js:1
at polyfills.ea3cb635cad86c66.js:1
at y (main.589666d56b13e81b.js:1)
at ve (main.589666d56b13e81b.js:1)
at v.invoke (polyfills.ea3cb635cad86c66.js:1)
at Object.onInvoke (main.589666d56b13e81b.js:1)
at v.invoke (polyfills.ea3cb635cad86c66.js:1)
at M.run (polyfills.ea3cb635cad86c66.js:1)
at polyfills.ea3cb635cad86c66.js:1

I tried everything still nothing is happening plz help me:)

matbravob · Answer 23 · Wed Aug 23 2023 04:31:00 GMT+0800 (China Standard Time)

I solved it by using the SHA1 from the Android Studio Terminal when running this command "./gradlew signingReport"
I got it from the google docs: https://developers.google.com/android/guides/client-auth

viktorisacenko · Answer 24 · Mon Aug 28 2023 01:16:51 GMT+0800 (China Standard Time)

For me, the problem solved by using all 3:

clientId: google_web_client_id,
androidClientId: google_web_client_id,
serverClientId: google_web_client_id,

....

Albert E. Hidalgo Taveras · Answer 25 · Wed Sep 20 2023 08:08:51 GMT+0800 (China Standard Time)

After many days of searching & troubleshooting, it finally worked for me too!

In my case, firebase is no needed.. i am just getting the "id_token" and sending it to my backend.. then i verify the token and grand access to my user.. so here is what followed:

1) Google console setup Create a web application

Set into "Authorized JavaScript origins" & "Authorized redirect URIs" -> http://localhost ( to be able to test from your browser too, just add your serve port like http://localhost:4200 )

On "Publishing status" set "in production"

Now get the web_cllient_id and use it below on each config.GOOGLE_CLIENT_ID reference below

Create an android application (i know make no sense)

Set Name & Package name.

For the SHA1 go to android studio and use this one
keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android

2) capacitor.config.ts
plugins: {
    GoogleAuth: {
      scopes: ['profile', 'email'],
      clientId: config.GOOGLE_CLIENT_ID,
      androidClientId: config.GOOGLE_CLIENT_ID,
      serverClientId: config.GOOGLE_CLIENT_ID,
    },
  },
3) Angular component
GoogleAuth.initialize({
      clientId: config.GOOGLE_CLIENT_ID,
      scopes: ['profile', 'email'],
})
async googleSignIn() {
    let googleUser = await GoogleAuth.signIn();
    //todo
}
** On android project have only registered the plugin, nothing else registerPlugin(com.codetrixstudio.capacitor.GoogleAuth.GoogleAuth.class);

@OnlinePage You had right! I also used a new key and worked fine! but i also found another one from an old project in case google decides to shut down the new ones (as per their warnings) :p

Work for me thanks! in my case I see I put the IOS client id on the serverClientId lol

PathOr_Admin · Answer 26 · Wed Sep 20 2023 08:11:30 GMT+0800 (China Standard Time)

After many days of searching & troubleshooting, it finally worked for me too!

In my case, firebase is no needed.. i am just getting the "id_token" and sending it to my backend.. then i verify the token and grand access to my user.. so here is what followed:

1) Google console setup Create a web application

Set into "Authorized JavaScript origins" & "Authorized redirect URIs" -> http://localhost ( to be able to test from your browser too, just add your serve port like http://localhost:4200 )

On "Publishing status" set "in production"

Now get the web_cllient_id and use it below on each config.GOOGLE_CLIENT_ID reference below

Create an android application (i know make no sense)

Set Name & Package name.

For the SHA1 go to android studio and use this one
keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android

2) capacitor.config.ts
plugins: {
    GoogleAuth: {
      scopes: ['profile', 'email'],
      clientId: config.GOOGLE_CLIENT_ID,
      androidClientId: config.GOOGLE_CLIENT_ID,
      serverClientId: config.GOOGLE_CLIENT_ID,
    },
  },
3) Angular component
GoogleAuth.initialize({
      clientId: config.GOOGLE_CLIENT_ID,
      scopes: ['profile', 'email'],
})
async googleSignIn() {
    let googleUser = await GoogleAuth.signIn();
    //todo
}
** On android project have only registered the plugin, nothing else registerPlugin(com.codetrixstudio.capacitor.GoogleAuth.GoogleAuth.class);

@OnlinePage You had right! I also used a new key and worked fine! but i also found another one from an old project in case google decides to shut down the new ones (as per their warnings) :p
Work for me thanks! in my case I see I put the IOS client id on the serverClientId lol

Glad 😊 you got it worked!! Ahhhh! this Google playing with us developers 😢.

srivas-wrr · Answer 27 · Fri Dec 29 2023 01:53:15 GMT+0800 (China Standard Time)

After many days of searching & troubleshooting, it finally worked for me too!

In my case, firebase is no needed.. i am just getting the "id_token" and sending it to my backend.. then i verify the token and grand access to my user.. so here is what followed:

1) Google console setup Create a web application

Set into "Authorized JavaScript origins" & "Authorized redirect URIs" -> http://localhost ( to be able to test from your browser too, just add your serve port like http://localhost:4200 )

On "Publishing status" set "in production"

Now get the web_cllient_id and use it below on each config.GOOGLE_CLIENT_ID reference below

Create an android application (i know make no sense)

Set Name & Package name.

For the SHA1 go to android studio and use this one
keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android

2) capacitor.config.ts
plugins: {
    GoogleAuth: {
      scopes: ['profile', 'email'],
      clientId: config.GOOGLE_CLIENT_ID,
      androidClientId: config.GOOGLE_CLIENT_ID,
      serverClientId: config.GOOGLE_CLIENT_ID,
    },
  },
3) Angular component
GoogleAuth.initialize({
      clientId: config.GOOGLE_CLIENT_ID,
      scopes: ['profile', 'email'],
})
async googleSignIn() {
    let googleUser = await GoogleAuth.signIn();
    //todo
}
** On android project have only registered the plugin, nothing else registerPlugin(com.codetrixstudio.capacitor.GoogleAuth.GoogleAuth.class);

@OnlinePage You had right! I also used a new key and worked fine! but i also found another one from an old project in case google decides to shut down the new ones (as per their warnings) :p

Thankyou Bro

PathOr_Admin · Answer 28 · Fri Dec 29 2023 01:55:04 GMT+0800 (China Standard Time)

After many days of searching & troubleshooting, it finally worked for me too!

In my case, firebase is no needed.. i am just getting the "id_token" and sending it to my backend.. then i verify the token and grand access to my user.. so here is what followed:

1) Google console setup Create a web application

Set into "Authorized JavaScript origins" & "Authorized redirect URIs" -> http://localhost ( to be able to test from your browser too, just add your serve port like http://localhost:4200 )

On "Publishing status" set "in production"

Now get the web_cllient_id and use it below on each config.GOOGLE_CLIENT_ID reference below

Create an android application (i know make no sense)

Set Name & Package name.

For the SHA1 go to android studio and use this one
keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android

2) capacitor.config.ts
plugins: {
    GoogleAuth: {
      scopes: ['profile', 'email'],
      clientId: config.GOOGLE_CLIENT_ID,
      androidClientId: config.GOOGLE_CLIENT_ID,
      serverClientId: config.GOOGLE_CLIENT_ID,
    },
  },
3) Angular component
GoogleAuth.initialize({
      clientId: config.GOOGLE_CLIENT_ID,
      scopes: ['profile', 'email'],
})
async googleSignIn() {
    let googleUser = await GoogleAuth.signIn();
    //todo
}
** On android project have only registered the plugin, nothing else registerPlugin(com.codetrixstudio.capacitor.GoogleAuth.GoogleAuth.class);

@OnlinePage You had right! I also used a new key and worked fine! but i also found another one from an old project in case google decides to shut down the new ones (as per their warnings) :p
Thankyou Bro
😎 Cool you figured it out .

Joaquin · Answer 29 · Sun Jan 28 2024 02:43:10 GMT+0800 (China Standard Time)

I had this problem and followed all steps from @stevegtdbz but did not work until i specified a difrent port on the front end rather than http://localhost, i changed it for http://localhost:8100 and worked!

Tobias Bauman · Answer 30 · Sun Mar 03 2024 16:58:10 GMT+0800 (China Standard Time)

This error is the same as error #87.

This error code indicates an issue caused by the developer. Check if your client_id is valid. Verify that the fingerprint of the debug.keystore has been registered in the Firebase project settings. If it is not, redownload and replace the google-services.json file.

Signing the apk with the wrong fingerprint (keystore) resolved the issue for me.
This error can have several reasons, check everything.

reslear · Answer 31 · Mon Mar 04 2024 23:43:47 GMT+0800 (China Standard Time)

Maybe someone can add a PR faq section to the README with this problem?

Umair Saeed · Answer 32 · Tue Apr 02 2024 18:24:30 GMT+0800 (China Standard Time)

i solve this error using the following steps:

create firebase project
enable email authentications
add android app with sh1 key setup
add web app
install firebase or @codetrix-studio/capacitor-google-auth plugin
go to google cloud console and open your firebase project which you created
in Credentials > OAuth 2.0 Client IDs - copy web client

your component.ts code:

plateform: any;
constructor() {
if (!isPlatform('capacitor')) {
GoogleAuth.initialize({
clientId: '',
scopes: ['profile', 'email'],
});
}
}
ngOnInit() {
}

initialize() {
this.plateform.ready().then(() => { GoogleAuth.initialize() })
}

//call this ftn in html
async login() {

try {
  const user = await GoogleAuth.signIn();
  if (user) {
    console.log(user);
    alert("Success")
  }

} catch (error: any) {
  console.log(error);
  alert(JSON.stringify(error))

}

capacitor.conflt.ts

plugins: {
GoogleAuth: {
scopes: ['profile', 'email'],
clientId: "",
androidClientId: "",
serverClientId: "",
},

MainActivity.Java (import all packages)

@OverRide
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
registerPlugin(GoogleAuth.class);
}

string.xml

index.html

past google-services file download form firebase in android/app directory

REMEMBER ME IN YOUR PRAYERS