সেটআপ

Google Identity Services JavaScript লাইব্রেরি (google.accounts.oauth2) ব্যবহার করে আপনার ওয়েব অ্যাপে Google API-তে অ্যাক্সেস অথরাইজ করতে, আপনাকে প্রথমে:

  1. OAuth 2.0 ক্লায়েন্ট আইডি পান।
  2. আপনার OAuth-এর সম্মতি সংক্রান্ত স্ক্রিন ও স্কোপ কনফিগার করুন।
  3. ক্লায়েন্ট লাইব্রেরি লোড করুন।
  4. বিকল্প হিসেবে, কন্টেন্ট সংক্রান্ত নিরাপত্তা নীতি (CSP) এবং ক্রস-অরিজিন ওপেনার নীতি (COOP) সেট-আপ করুন।

আপনার Google API ক্লায়েন্ট আইডি পান

আপনার ওয়েবসাইটে Google অ্যাকাউন্ট অথরাইজেশন চালু করতে, আপনাকে প্রথমে Google API ক্লায়েন্ট আইডি সেট-আপ করতে হবে। নিম্নলিখিত ধাপগুলি সম্পূর্ণ করুন:

  1. Google Cloud Console-এর ক্লায়েন্ট পৃষ্ঠা খুলুন।
  2. Cloud Console প্রোজেক্ট তৈরি করুন বা বেছে নিন। প্রোডাকশন অ্যাপ্লিকেশন তৈরি করার সময়, একাধিক প্রোজেক্ট প্রয়োজন হতে পারে; আপনার ম্যানেজ করা প্রতিটি প্রোজেক্টের জন্য এই বিভাগের বাকি ধাপগুলি রিপিট করুন।
  3. নতুন ক্লায়েন্ট আইডি তৈরি করতে, ক্লায়েন্ট তৈরি করুন বিকল্পে ক্লিক করুন এবং অ্যাপ্লিকেশনের ধরন হিসেবে ওয়েব অ্যাপ্লিকেশন বেছে নিন। আগে থেকে থাকা ক্লায়েন্ট আইডি ব্যবহার করতে, ওয়েব অ্যাপ্লিকেশন ধরনের মধ্যে থেকে একটি বেছে নিন।

  4. অনুমোদিত জাভাস্ক্রিপ্ট অরিজিনে আপনার ওয়েবসাইটের URI যোগ করুন। URI-তে শুধুমাত্র স্কিম ও সম্পূর্ণভাবে কোয়ালিফায়েড হোস্টনেম অন্তর্ভুক্ত থাকে। যেমন, https://www.example.com।

  5. আপনি যদি ux_mode: 'redirect'-এর সাথে অনুমোদন কোড মডেল ব্যবহার করেন (অথবা ব্যাকএন্ড এন্ডপয়েন্টে অনুমোদন কোড এক্সচেঞ্জ করেন), তাহলে আপনার রিডাইরেক্ট URI অনুমোদিত রিডাইরেক্ট URI-তে যোগ করুন। রিডাইরেক্ট URI-তে স্কিম, সম্পূর্ণ যোগ্য হোস্টনেম ও পাথ অন্তর্ভুক্ত থাকে এবং এটি অবশ্যই রিডাইরেক্ট URI যাচাইকরণ নিয়ম মেনে চলে। যেমন, https://www.example.com/oauth2callback।

কনফিগারেশন সম্পূর্ণ হওয়ার পরে, যে ক্লায়েন্ট আইডি তৈরি করা হয়েছে সেটি নোট করে নিন। আপনি client_id প্রপার্টিতে এই ভ্যালু পাস করবেন যখন initCodeClient() বা initTokenClient() শুরু করবেন। (একটি ক্লায়েন্ট সিক্রেটও তৈরি করা হয়, যা আপনাকে অবশ্যই গোপন রাখতে হবে এবং শুধুমাত্র সার্ভার-সাইড টোকেন এক্সচেঞ্জ অপারেশনের জন্য ব্যবহার করতে হবে।)

আপনার ওয়েব অ্যাপ OAuth 2.0 স্কোপ ব্যবহার করে ব্যবহারকারীর ডেটা অ্যাক্সেস করার অনুরোধ করলে, Google একটি সম্মতি স্ক্রিন দেখায় যা ব্যবহারকারীদের জানায় যে কোন অ্যাপ্লিকেশন অ্যাক্সেসের অনুরোধ করছে, কোন ডেটা স্কোপের অনুরোধ করা হয়েছে এবং কোন শর্তাবলী প্রযোজ্য।

  1. Cloud Console-এর Google Auth প্ল্যাটফর্ম বিভাগের ব্র্যান্ডিং পৃষ্ঠা খুলুন।
  2. প্রম্পট করা হলে, আপনার কনফিগার করা প্রোজেক্ট বেছে নিন।
  3. ব্র্যান্ডিং ফর্ম (অ্যাপ্লিকেশনের নাম, অ্যাপ্লিকেশনের লোগো, সহায়তা ইমেল, অনুমোদিত ডোমেন, অ্যাপ্লিকেশনের হোমপেজ লিঙ্ক এবং গোপনীয়তা নীতি লিঙ্ক) পূরণ করে সেভ করুন বিকল্পে ক্লিক করুন।
  4. আপনার অ্যাপ্লিকেশনের জন্য প্রয়োজনীয় Google API স্কোপ কনফিগার করতে, ডেটা অ্যাক্সেস পৃষ্ঠায় নেভিগেট করুন। অ্যাক্সেসের প্রয়োজন হলে, আগে থেকে না চেয়ে ধাপে ধাপে স্কোপের অনুরোধ করা হল পেশাদার পদ্ধতি।
  5. আপনার যাচাইকরণের স্ট্যাটাস চেক করুন। আপনার অ্যাপ্লিকেশন সংবেদনশীল বা সীমাবদ্ধ স্কোপের জন্য অনুরোধ করলে, যাচাইকরণের জন্য আপনার অ্যাপ্লিকেশন জমা দিন। বিস্তারিত জানতে OAuth যাচাইকরণ সংক্রান্ত প্রয়োজনীয়তা দেখুন।

কন্টেন্ট নিরাপত্তা নীতি এবং COOP

আপনার ওয়েব অ্যাপ্লিকেশন কন্টেন্ট নিরাপত্তা নীতি (CSP) এনফোর্স করলে, নিম্নলিখিত Google Identity Services অরিজিনকে অনুমতি দিন:

  • script-src: https://accounts.google.com/gsi/client
  • frame-src: https://accounts.google.com/gsi/
  • connect-src: https://accounts.google.com/gsi/

পপ-আপ অথরাইজেশন ফ্লোয়ের (initTokenClient বা initCodeClient-এর সাথে ux_mode: 'popup') জন্য, আপনার Cross-Origin-Opener-Policy (COOP) HTTP রেসপন্স হেডার same-origin-allow-popups-এ কনফিগার করুন যাতে ডায়ালগ উইন্ডো অথরাইজেশন রেসপন্স আপনার পৃষ্ঠায় আবার পাঠাতে পারে।

পরবর্তী ধাপ

এরপর, আপনার অথরাইজেশন ক্লায়েন্ট শুরু করতে, আপনার ওয়েব পেজে ক্লায়েন্ট লাইব্রেরি লোড করুন।