אנחנו מבטלים את הספרייה של Google לכניסה באמצעות JavaScript בפלטפורמה לאינטרנט. הספרייה לא תהיה זמינה להורדה אחרי 31 במרץ 2023. במקום זאת, אפשר להשתמש בשירותי Google Identity החדשים המיועדים לאינטרנט.
כברירת מחדל, מזהי Client-ID חדשים שנוצרו לא יכולים להשתמש בספריית הפלטפורמות הישנה. אין השפעה על מזהי לקוחות קיימים. מזהי לקוחות חדשים שנוצרו לפני 29 ביולי 2022 יכולים להגדיר את `plugins_name` כדי לאפשר שימוש בספריית Google Platform.

שילוב Google Sign-In באפליקציית האינטרנט שלך

Google Sign-In מנהל את מחזור החיים של OAuth 2.0 ומחזור החיים, ומפשט את השילוב שלך עם ממשקי API של Google. למשתמש תמיד יש אפשרות לבטל גישה לאפליקציה בכל עת.

מסמך זה מתאר כיצד להשלים שילוב בסיסי של Google Sign-In.

צור אישורי הרשאה

כל אפליקציה שמשתמשת ב-OAuth 2.0 כדי לגשת לממשקי API של Google חייבת להיות בעלת אישורי הרשאה המזהים את האפליקציה לשרת OAuth 2.0 של Google. השלבים הבאים מסבירים כיצד ליצור אישורים עבור הפרויקט שלך. לאחר מכן, היישומים שלך יכולים להשתמש באישורים כדי לגשת לממשקי API שהפעלת עבור אותו פרויקט.

  1. Go to the Credentials page.
  2. לחץ על צור אישורים > מזהה לקוח OAuth .
  3. בחר את סוג היישום של יישום האינטרנט .
  4. תן שם ללקוח OAuth 2.0 שלך ולחץ על צור

לאחר השלמת התצורה, שים לב למזהה הלקוח שנוצר. תזדקק למזהה הלקוח כדי להשלים את השלבים הבאים. (נוצר גם סוד לקוח, אבל אתה צריך אותו רק עבור פעולות בצד השרת.)

טען את ספריית Google Platform

עליך לכלול את ספריית Google Platform בדפי האינטרנט שלך המשלבים את Google Sign-In.

<script src="https://apis.google.com/js/platform.js" async defer></script>

ציין את מזהה הלקוח של האפליקציה שלך

ציין את מזהה הלקוח שיצרת עבור האפליקציה שלך ב-Google Developers Console עם רכיב המטא google-signin-client_id .

<meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">

הוסף לחצן כניסה לגוגל

הדרך הקלה ביותר להוסיף לחצן כניסה של Google לאתר שלך היא להשתמש בלחצן כניסה המעובד באופן אוטומטי. עם מספר שורות קוד בלבד, אתה יכול להוסיף כפתור שמגדיר את עצמו באופן אוטומטי כך שיהיו לו את הטקסט, הלוגו והצבעים המתאימים למצב הכניסה של המשתמש ולהיקפים שאתה מבקש.

כדי ליצור לחצן כניסה של Google המשתמש בהגדרות ברירת המחדל, הוסף רכיב div עם הכיתה g-signin2 לדף הכניסה שלך:

<div class="g-signin2" data-onsuccess="onSignIn"></div>

קבל מידע על הפרופיל

לאחר שנכנסת למשתמש ב-Google באמצעות היקפי ברירת המחדל, תוכל לגשת למזהה Google, השם, כתובת האתר של הפרופיל וכתובת האימייל של המשתמש.

כדי לאחזר מידע פרופיל עבור משתמש, השתמש בשיטת getBasicProfile() ‎.

function onSignIn(googleUser) {
  var profile = googleUser.getBasicProfile();
  console.log('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead.
  console.log('Name: ' + profile.getName());
  console.log('Image URL: ' + profile.getImageUrl());
  console.log('Email: ' + profile.getEmail()); // This is null if the 'email' scope is not present.
}

צא ממשתמש

אתה יכול לאפשר למשתמשים לצאת מהאפליקציה שלך מבלי לצאת מ-Google על ידי הוספת לחצן יציאה או קישור לאתר שלך. כדי ליצור קישור יציאה, צרף פונקציה הקוראת GoogleAuth.signOut() לאירוע onclick של הקישור.

<a href="#" onclick="signOut();">Sign out</a>
<script>
  function signOut() {
    var auth2 = gapi.auth2.getAuthInstance();
    auth2.signOut().then(function () {
      console.log('User signed out.');
    });
  }
</script>