Problems with confusing URL schemes (iOS)

[alexp25]

I am constantly getting errors trying to configure this plugin on Capacitor iOS platform.

Could you clarify what each of the errors mean in terms of incorrect configuration? What error appears on what configuration (and what configuration is correct?)

It's not clear to me:

• what do I need to put in Podfile as CFBundleURLSchemes: web client id (xxxxxx-xxxxxxxxxxxxxxxxxx.apps.googleusercontent.com) / iOS client id (xxxxxx-yyyyyyyyyyyyyyyyyy.apps.googleusercontent.com) / reversed client id (com.googleusercontent.apps.xxxxxx-yyyyyyyyyyyyyyyyyy) ?
• what do I need to put in capacitor.config and what do I need to put in the initialize method options (and would they have to be the same as in the Podfile / which one / reversed?)
• what is serverClientId? Is it the same as web client id? (and why would I need them both? and what is clientId in this case?)

Also, having built the app, and running (but authentication not working), when I try to upload on TestFlight, I get this error:

The following URL schemes found in your app are not in the correct format: [xxxxxx-yyyyyyyyyyyyyyyyyy.apps.googleusercontent.com]. URL schemes need to begin with an alphabetic character, and be comprised of alphanumeric characters, the period, the hyphen or the plus sign only. Please see RFC1738 for more detail.

So it's the other way around? But then the app crashes.

*** Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: 'Your app is missing support for the following URL schemes: xxxxxx-yyyyyyyyyyyyyyyyyy.apps.googleusercontent.com'

[alexp25]

Figured it out that I had to use the reversed URL scheme in the Info.plist, and the non-reversed URL scheme in the plugin config, both of them for iOS, not web client IDs. Very confusing... this needs better documentation and explicit examples in the Readme.

[PetroSuch]

@alexp25 could you please explain a bit more what to do?
I have this error and would be thankful if you could help me with that?

I get the Client_ID from the Web application and use it for iOS
Should I use these properties for Android and iOS?

serverClientId: environment.googleClientId,
androidClientId: environment.androidClientId,
iosClientId: environment.iosClientId,

[alexp25]

@PetroSuch here are the schemes that work for me

info.plist: com.googleusercontent.apps.xxxxxx-yyyyyyyyyyyyyyyios

capacitor.config.ts:

REVERSED_CLIENT_ID: 'com.googleusercontent.apps.xxxxxx-yyyyyyyyyyyyyyyios',
WEB_APPLICATION_CLIENT_ID: 'xxxxxx-yyyyyyyyyyyyyyyyyy.apps.googleusercontent.com'

plugins: {
// ...
  GoogleAuth: {
      scopes: ["profile", "email"],
      clientId: 'xxxxxx-yyyyyyyyyyyyyyyyyy.apps.googleusercontent.com',
      serverClientId: 'xxxxxx-yyyyyyyyyyyyyyyyyy.apps.googleusercontent.com',
      iosClientId: 'xxxxxx-yyyyyyyyyyyyyyyios.apps.googleusercontent.com'
  }
}

[PetroSuch]

@alexp25 It helped me, thank you for this example