Firebase Auth & Realtime Database Apps · บทเรียน

การผสานรวมการเข้าสู่ระบบด้วย Google

ผสานรวมการเข้าสู่ระบบด้วย Google เข้ากับแอปพลิเคชัน เพื่อให้ผู้ใช้ยืนยันตัวตนด้วยบัญชี Google ได้อย่างราบรื่น

บทเรียน 1 จาก 410 ขั้นตอน

การผสานรวมการเข้าสู่ระบบด้วย Google เป็นบทเรียน Firebase Auth & Realtime Database Apps ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Firebase Auth & Realtime Database Apps และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Firebase Auth & Realtime Database Apps มีบทเรียนทั้งหมด 4 บทเรียน

บางส่วนของบทเรียนนี้ยังไม่ได้รับการแปล และแสดงเป็นภาษาอังกฤษ

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!

เริ่มต้นได้ฟรี

เรียนรู้ Firebase Auth & Realtime Database Apps ด้วย AI tutor — ฟรี

เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป

คอร์ส: 11
บทเรียน: 44

เริ่มเรียนฟรี ดูหลักสูตรเต็ม

คำถามที่พบบ่อย

บทเรียน “การผสานรวมการเข้าสู่ระบบด้วย Google” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “การผสานรวมการเข้าสู่ระบบด้วย Google” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Firebase Auth & Realtime Database Apps ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Firebase Auth & Realtime Database Apps มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “การผสานรวมการเข้าสู่ระบบด้วย Google”

ผสานรวมการเข้าสู่ระบบด้วย Google เข้ากับแอปพลิเคชัน เพื่อให้ผู้ใช้ยืนยันตัวตนด้วยบัญชี Google ได้อย่างราบรื่น คุณปฏิบัติ Firebase Auth & Realtime Database Apps ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Firebase Auth & Realtime Database Apps หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Firebase Auth & Realtime Database Apps บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน

บทเรียน “การผสานรวมการเข้าสู่ระบบด้วย Google” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Firebase Auth & Realtime Database Apps นี้ได้ไหม

ได้ บทเรียน Firebase Auth & Realtime Database Apps ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

การผสานรวมการเข้าสู่ระบบด้วย Google
การยืนยันตัวตนด้วย Facebook และ GitHub
การยืนยันตัวตนแบบไม่ระบุตัวตนและแบบกำหนดเอง
การผสานการเข้าสู่ระบบด้วย Apple

← กลับไปที่ Firebase Auth & Realtime Database Apps