WebToAppMaker

Authentication

Google Sign-In

Replace difficult WebView OAuth prompts with native Google account selection and return profile, code, or ID token data to the website.

Before you start

  • Google Sign-In already works for the website
  • Google Cloud project with Android and Web OAuth clients
  • Package name and signing SHA-1

Configure and verify

  1. Create the Android OAuth client

    In Google Cloud, use the exact package name and signing SHA-1. Direct APK tests use the dashboard keystore SHA-1; Play installs normally use the Play App Signing SHA-1.

  2. Confirm the Web client

    Use the website OAuth Web Client ID when your backend validates ID tokens or exchanges server auth codes.

  3. Save settings

    Enter Android Client ID and optional Web Client ID, redirect URI, and scopes, then save and rebuild.

  4. Trigger native sign-in

    Use webtoapp.googleSignIn(options) or the google_sign_in message. The shell can also recognize supported Google OAuth navigation patterns.

  5. Validate on the server

    Send the returned code or id_token to your backend, validate issuer, audience, expiry, signature, and state, then establish the website session.

  6. Test both signing identities

    Test a directly installed APK and a Play testing-track install because their certificate fingerprints can differ.

Bridge example

webtoapp.googleSignIn({
  web_client_id: "WEB_CLIENT_ID",
  scope: "openid email profile",
  response_type: "code"
});

Response handling

webtoapp.onmessage receives type google_sign_in with profile fields and optional code or id_token, or an error.

Do not trust client claims

Test before release

  • Android OAuth client matches package and SHA-1
  • Web Client ID matches backend configuration
  • State and tokens are validated server-side
  • Play signing SHA-1 was added