Integración del inicio de sesión con Google
Integre Google Sign-In en su aplicación para que los usuarios puedan autenticarse fácilmente con sus cuentas de Google.
Integración del inicio de sesión con Google es una lección gratuita de Firebase Auth & Realtime Database Apps en CoddyKit. Esta es la lección 1 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Firebase Auth & Realtime Database Apps, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Firebase Auth & Realtime Database Apps incluye 4 lecciones en total.
Partes de esta lección aún no han sido traducidas y se muestran en inglés.
Welcome to Google Sign-In
Google Sign-In is a secure way to let users log into your app using their Google accounts. It's fast, convenient, and users trust it.
This lesson will guide you through integrating Google Sign-In with Firebase Authentication, making your app more accessible.
Why Google Sign-In?
Using Google Sign-In offers several benefits:
- Ease of Use: Users don't need to create new passwords.
- Security: Leverages Google's robust authentication system.
- Trust: Users are familiar with the Google sign-in flow.
- Developer Simplicity: Firebase handles much of the complexity.
Integration Steps Overview
Integrating Google Sign-In with Firebase involves a few key steps:
- Enable Google as a provider in Firebase.
- Configure your app's Google Sign-In client.
- Handle the user's sign-in flow.
- Exchange the Google credential for a Firebase credential.
- Sign in the user to Firebase.
Enable Google in Firebase
First, you need to tell Firebase that you'll be using Google Sign-In.
Go to your Firebase Console, select your project, then navigate to Authentication > Sign-in method. Find 'Google' and enable it. Make sure to save your changes!
Web Client ID for Auth
Even for mobile apps, Firebase often uses a Web Client ID to securely authenticate with Google's backend services. This ID ensures that the Google token received by your app can be verified by Firebase.
After enabling Google Sign-In in the Firebase Console, Firebase automatically creates and links a Web Client ID for you. You'll typically find this in your project's `google-services.json` (Android) or `GoogleService-Info.plist` (iOS) file.
Configure Google Sign-In Client
In your application, you need to configure the Google Sign-In client. This setup includes requesting the user's ID token, which Firebase will use for authentication.
Here's a conceptual example of how you'd set up these options:
class GoogleSignInOptions {
boolean requestIdToken;
String webClientId;
GoogleSignInOptions(String clientId) {
this.webClientId = clientId;
}
GoogleSignInOptions requestIdToken(boolean value) {
this.requestIdToken = value;
return this;
}
String build() {
return "Options(ID_Token:" + requestIdToken + ", ClientID:" + webClientId + ")";
}
}
public class Main {
public static void main(String[] args) {
String WEB_CLIENT_ID = "YOUR_WEB_CLIENT_ID.apps.googleusercontent.com";
GoogleSignInOptions gso = new GoogleSignInOptions(WEB_CLIENT_ID)
.requestIdToken(true); // Request ID token for Firebase Auth
System.out.println("Google Sign-In options configured:");
System.out.println(gso.build());
}
}Initiate Sign-In Flow
Once the Google Sign-In client is configured, you'll typically have a "Sign in with Google" button. When the user taps this button, you'll launch the Google Sign-In intent to prompt the user to choose their Google account.
After the user selects an account, Google returns an authentication result, which includes the ID token we requested earlier.
Authenticate with Firebase
With the Google ID token in hand, the next step is to create a Firebase credential using this token and then sign in to Firebase Authentication.
Firebase handles the verification of the Google token and creates a new user or links to an existing one.
class GoogleAuthProvider {
static String getCredential(String idToken) {
return "GoogleCredential(" + idToken.substring(0, 10) + "...)";
}
}
class FirebaseAuth {
void signInWithCredential(String credential) {
System.out.println("Firebase Auth: Signing in with " + credential);
// Simulate success
System.out.println("User signed in successfully!");
}
}
public class Main {
public static void main(String[] args) {
// Imagine this ID token comes from Google Sign-In result
String googleIdToken = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c";
// 1. Create a Firebase credential from the Google ID token
String credential = GoogleAuthProvider.getCredential(googleIdToken);
// 2. Sign in to Firebase with the credential
FirebaseAuth auth = new FirebaseAuth();
auth.signInWithCredential(credential);
}
}Check Your Understanding
What is the primary piece of information obtained from Google Sign-In that Firebase uses to authenticate a user?
Google Sign-In Summary
You've learned how to integrate Google Sign-In with Firebase Authentication! This powerful combination provides a secure and user-friendly way for users to access your application.
Key takeaways:
- Enable Google as a provider in Firebase.
- Configure your app's Google Sign-In client to request an ID token.
- Use the obtained ID token to create a Firebase credential.
- Sign in to Firebase Auth with that credential.
Next, we'll explore other social login options like Facebook and GitHub!
Preguntas frecuentes
¿La lección «Integración del inicio de sesión con Google» es gratis?
Sí — el texto completo de «Integración del inicio de sesión con Google» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Firebase Auth & Realtime Database Apps, actualiza a CoddyKit PRO. El curso de Firebase Auth & Realtime Database Apps incluye 4 lecciones en total.
¿Qué aprenderé en «Integración del inicio de sesión con Google»?
Integre Google Sign-In en su aplicación para que los usuarios puedan autenticarse fácilmente con sus cuentas de Google. Practicas Firebase Auth & Realtime Database Apps con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Firebase Auth & Realtime Database Apps?
No se requiere experiencia previa. Firebase Auth & Realtime Database Apps en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 4.
¿Cuánto tiempo toma la lección «Integración del inicio de sesión con Google»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Firebase Auth & Realtime Database Apps?
Sí. Cada lección de Firebase Auth & Realtime Database Apps incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Integración del inicio de sesión con Google
- Autenticación con Facebook y GitHub
- Autenticación anónima y personalizada
- Integración de Sign in with Apple