আমরা ওয়েবের জন্য Google সাইন-ইন জাভাস্ক্রিপ্ট প্ল্যাটফর্ম লাইব্রেরী বিচ্ছিন্ন । জন্য প্রমাণীকরণ এবং ব্যবহারকারী সাইন-ইন, উভয় জন্য নতুন Google পরিচয় সার্ভিস SDK আছে ব্যবহার ওয়েব এবং অ্যান্ড্রয়েড পরিবর্তে।

আপনার ওয়েব অ্যাপ্লিকেশনে গুগল সাইন ইন একীকরণ করা হচ্ছে

গুগল সাইন ইন ওআউথ ২.০ প্রবাহ এবং টোকেন জীবনচক্র পরিচালনা করে, গুগল এপিআইয়ের সাথে আপনার একীকরণকে সহজ করে। ব্যবহারকারীর কাছে সর্বদা যে কোনও সময় কোনও অ্যাপ্লিকেশন অ্যাক্সেস প্রত্যাহার করার বিকল্প থাকে।

এই ডকুমেন্টটি কীভাবে একটি বেসিক গুগল সাইন ইন ইন্টিগ্রেশন সম্পূর্ণ করবেন তা বর্ণনা করে।

অনুমোদনের শংসাপত্র তৈরি করুন

গুগল এপিআইগুলিতে অ্যাক্সেস করতে OAuth 2.0 ব্যবহার করা যে কোনও অ্যাপ্লিকেশানের অবশ্যই অনুমোদনের শংসাপত্র থাকতে হবে যা গুগলের OAuth 2.0 সার্ভারে অ্যাপ্লিকেশনটি সনাক্ত করে। নিম্নলিখিত প্রকল্পে কীভাবে আপনার প্রকল্পের শংসাপত্র তৈরি করবেন তা ব্যাখ্যা করে। আপনার অ্যাপ্লিকেশনগুলি তারপরে সেই প্রকল্পের জন্য সক্ষম হওয়া এপিআইগুলিতে অ্যাক্সেসের শংসাপত্রগুলি ব্যবহার করতে পারেন।

  1. Go to the Credentials page.
  2. শংসাপত্র তৈরি করতে ক্লিক করুন> OAuth ক্লায়েন্ট আইডি
  3. ওয়েব অ্যাপ্লিকেশন অ্যাপ্লিকেশন প্রকার নির্বাচন করুন।
  4. আপনার OAuth 2.0 ক্লায়েন্টের নাম দিন এবং তৈরি করুন ক্লিক করুন

কনফিগারেশন সম্পূর্ণ হওয়ার পরে, তৈরি হওয়া ক্লায়েন্ট আইডিটি নোট করুন। পরবর্তী পদক্ষেপগুলি সম্পূর্ণ করার জন্য আপনার ক্লায়েন্ট আইডি লাগবে। (একটি ক্লায়েন্ট সিক্রেটও তৈরি করা হয়েছে, তবে আপনার এটি কেবল সার্ভার-সাইড ক্রিয়াকলাপের জন্য প্রয়োজন))

গুগল প্ল্যাটফর্ম লাইব্রেরি লোড করুন

আপনাকে অবশ্যই আপনার ওয়েব পৃষ্ঠাগুলিতে গুগল প্ল্যাটফর্ম লাইব্রেরি অন্তর্ভুক্ত করতে হবে যা গুগল সাইন-ইনকে সংহত করে।

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

আপনার অ্যাপ্লিকেশনটির ক্লায়েন্ট আইডি উল্লেখ করুন

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>

নিম্নলিখিতটি ডিফল্ট গুগল সাইন-ইন বোতামের একটি উদাহরণ:

প্রোফাইল তথ্য পান

আপনি ডিফল্ট স্কোপগুলি ব্যবহার করে গুগলের সাথে কোনও ব্যবহারকারীর সাইন ইন করার পরে আপনি ব্যবহারকারীর গুগল আইডি, নাম, প্রোফাইল ইউআরএল এবং ইমেল ঠিকানা অ্যাক্সেস করতে পারবেন।

কোনও ব্যবহারকারীর প্রোফাইল তথ্য পুনরুদ্ধার করতে, 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.
}

একজন ব্যবহারকারীকে সাইন আউট করুন

আপনি সাইন-আউট বোতাম যুক্ত করে বা আপনার সাইটে লিঙ্ক যুক্ত করে গুগল থেকে সাইন আউট না করে ব্যবহারকারীদের আপনার অ্যাপ থেকে সাইন আউট করতে সক্ষম করতে পারেন। একটি সাইন-আউট লিঙ্ক তৈরি করতে, একটি ফাংশন যা কল সংযুক্ত 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>