Bu sayfa, Cloud Translation API ile çevrilmiştir.
Switch to English

Google Oturum Açma'yı web uygulamanıza entegre etme

Google Oturum Açma, OAuth 2.0 akışını ve belirteç yaşam döngüsünü yöneterek Google API'leriyle entegrasyonunuzu basitleştirir. Bir kullanıcının her zaman bir uygulamaya erişimi istediği zaman iptal etme seçeneği vardır.

Bu belge, temel bir Google Oturum Açma entegrasyonunun nasıl tamamlanacağını açıklamaktadır.

Yetkilendirme kimlik bilgileri oluşturun

Google API'lerine erişmek için OAuth 2.0 kullanan tüm uygulamaların, uygulamayı Google'ın OAuth 2.0 sunucusuna tanımlayan yetkilendirme kimlik bilgilerine sahip olması gerekir. Aşağıdaki adımlar, projeniz için kimlik bilgilerinin nasıl oluşturulacağını açıklamaktadır. Uygulamalarınız daha sonra bu proje için etkinleştirdiğiniz API'lere erişmek için kimlik bilgilerini kullanabilir.

  1. Go to the Credentials page.
  2. Kimlik bilgileri oluştur> OAuth istemci kimliği'ni tıklayın.
  3. Web uygulaması uygulama türünü seçin.
  4. OAuth 2.0 istemcinizi adlandırın ve Oluştur'u tıklayın

Yapılandırma tamamlandıktan sonra, oluşturulan istemci kimliğini not edin. Sonraki adımları tamamlamak için müşteri kimliğine ihtiyacınız olacak. (Bir istemci sırrı da oluşturulur, ancak buna yalnızca sunucu tarafı işlemler için ihtiyacınız vardır.)

Google Platform Kitaplığını yükleyin

Google ile Oturum Açma entegre eden web sayfalarınıza Google Platform Kitaplığı eklemelisiniz.

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

Uygulamanızın müşteri kimliğini belirtin

google-signin-client_id meta öğesiyle Google Developers Console'da uygulamanız için oluşturduğunuz istemci kimliğini belirtin.

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

Google Oturum Açma düğmesi ekleyin

Sitenize Google ile Oturum Açma düğmesi eklemenin en kolay yolu, otomatik olarak oluşturulmuş bir oturum açma düğmesi kullanmaktır. Yalnızca birkaç satır kodla, kullanıcının oturum açma durumu ve istediğiniz kapsamlar için uygun metin, logo ve renklere sahip olacak şekilde kendisini otomatik olarak yapılandıran bir düğme ekleyebilirsiniz.

Varsayılan ayarları kullanan bir Google Oturum Açma düğmesi oluşturmak için oturum açma sayfanıza g-signin2 sınıfıyla bir div öğesi ekleyin:

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

Aşağıda, varsayılan Google Oturum Açma düğmesinin bir örneği verilmiştir:

Profil bilgilerini alın

Varsayılan kapsamları kullanarak Google'da bir kullanıcı oturum açtıktan sonra, kullanıcının Google kimliğine, adına, profil URL'sine ve e-posta adresine erişebilirsiniz.

Bir kullanıcının profil bilgilerini almak için getBasicProfile() yöntemini kullanın.

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.
}

Bir kullanıcının oturumunu kapatın

Sitenize bir çıkış düğmesi veya bağlantı ekleyerek kullanıcıların Google'dan çıkış yapmadan uygulamanızdan çıkış yapmasını sağlayabilirsiniz. Bir çıkış bağlantısı oluşturmak için, bağlantının onclick olayına GoogleAuth.signOut() yöntemini çağıran bir işlev ekleyin.

<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>