নোড.জেএস এর জন্য সহজ গুগল এথ

গুগল কোডের সাথে সংহত করার জন্য 5 টি সহজ পদক্ষেপ অন্তর্ভুক্ত।

আমার চোখের জলে ভরা - যখন বুঝতে পারলাম গত 10 ঘন্টা কোডিংটি বিনামূল্যে ছিল ... পাসপোর্ট.জেএস আমাকে এবং এই বিশ্বের মানুষকে ভ্রান্ত আশা করেছিল।

আমি নিশ্চিত না যে আপনি পাসপোর্ট.জেএস লাইব্রেরিতে কোডটি কখনও পড়েছেন কিনা, তবে এটির অনেক কিছুই নেই এবং এটি খুব ভালও নয়। এটি মূলত কিছুটা কোড যা নিশ্চিত করে যে আপনার প্রমাণীকরণের তথ্যটি সঠিক জায়গায় রাখা হয়েছে। তবে এর প্রধান অসুবিধাটি হ'ল আপনার নমনীয়তা ভোগ করে। পাসপোর্ট সহ আপনার কলব্যাক অনুরোধগুলি একটি সার্ভারে পুনর্নির্দেশ করা দরকার। এর অর্থ কী তা যদি আপনি না জানেন তবে মূলত আপনি যদি সার্ভার-রেন্ডার করা অ্যাপের (যেমন একটি একক পৃষ্ঠার অ্যাপ্লিকেশন বা এসপিএ) ভিন্ন ধরণের অ্যাপ তৈরি করেন তবে লজ্জাজনক।

তবে কোন চিন্তা নেই! এই দ্রুত টিউটোরিয়ালটি আপনাকে গুগল আথকে কীভাবে যুক্ত করতে হবে তা দেখিয়ে দেবে।

আপনি শুরু করার আগে ️

এই টিউটোরিয়ালটি ধরে নিয়েছে যে আপনার কাছে রয়েছে:

  1. জাভাস্ক্রিপ্ট এবং নোড.জেএস সম্পর্কে একটি ভাল বোঝা
  2. একটি সার্ভার সহ একটি অ্যাপ্লিকেশন

অসাধারণ, চলো যাই!

পদক্ষেপ 1: নির্ভরতা ইনস্টল করুন 🖥

একটি মাত্র - এটি এনপিএমের উপর নির্ভর করে যদি আপনি ইতিমধ্যে এটি অনুমান করেন না।

  • গুগলাপিস

এটা সহজ ছিলো!

পদক্ষেপ 2: গুগল Config কনফিগার করুন

এরপরে, আপনাকে আপনার শংসাপত্রগুলি সহ লাইব্রেরিটি কনফিগার করতে হবে যাতে গুগল জানতে পারে কে অনুরোধগুলি করছে।

শংসাপত্রগুলি পেতে, আপনার Google কনসোলে যান এবং একটি নতুন প্রকল্প তৈরি করুন। আপনার যদি নতুন প্রকল্প হয়, তখন কয়েকটি এপিআই কী অনুরোধ করুন। আরও সাহায্যের জন্য এখানে একটি ভাল লিঙ্ক।

ফাইল: src / google-use.js

উপরের ফাইল; লাইব্রেরিটি আমদানি করে, আমাদের বিশদ সহ একটি কনফিগারেশন অবজেক্ট তৈরি করে এবং এমন একটি ফাংশন যুক্ত করে যা আমরা যদি এটি চয়ন করি তবে গুগলে সংযুক্ত হয়।

পদক্ষেপ 3: গুগল লগইন url Get পান

আমাদের কেন এটা দরকার? ... আমাদের গুগলে কারও নিবন্ধন করার জন্য আমাদের সেগুলি গুগল লগইন পৃষ্ঠায় প্রেরণ করা দরকার। এখান থেকে আপনার অ্যাকাউন্টে লগইন করুন এবং তারপরে আপনার লগইন ডেটা সহ আমাদের অ্যাপে ফরোয়ার্ড করা হবে।

ফাইল: src / google-use.js

উপরের কোডটি কয়েকটি কাজ করে; এটি লগ ইন করার সময় ব্যবহারকারীকে কী তথ্য এবং অনুমতিগুলি প্রয়োজন তা নির্ধারণ করবে এবং এটি একটি ফাংশন তৈরি করবে যা ইউআরএল উত্পন্ন করবে। অবশেষে, আমরা এমন একটি ফাংশন তৈরি করব যা আপনাকে একটি ক্লায়েন্টকে প্রেরণ করতে হবে এমন একটি URL তৈরি করবে।

পদক্ষেপ 4: আপনার পালা - আপনার ব্যবহারকারীদের গুগল ইউআরএল Red এ পুনঃনির্দেশ করুন

এই পদক্ষেপে, আপনার সদ্য তৈরি করা ইউআরএলটিতে আপনার ব্যবহারকারীদের প্রেরণ করা দরকার। আমার অ্যাপ্লিকেশনটিতে, আমি এপিআইএল ইউআরএল তৈরি করি এবং এটি আমার সম্মুখ-প্রান্তে প্রেরণ করি, যেখানে আমি এটিকে কোনও বোতামের href ঠিকানা তৈরি করি, যেমন।

গুগল দিয়ে সাইন ইন করুন

ব্যবহারকারীকে লগইন পৃষ্ঠায় পুনঃনির্দেশিত করা হয়।

সমস্যার সমাধান: যদি আপনি এমন কোনও পৃষ্ঠায় পৌঁছে যান যা বলে যে আপনার অ্যাক্সেস নেই (বা এর মতো কিছু) এটির অর্থ এই হতে পারে যে আপনি নিজের Google প্রকল্পের শংসাপত্রগুলি সঠিকভাবে কনফিগার করেন নি। নিশ্চিত হয়ে নিন যে আপনি সেগুলি আপনার Google কনসোলে সঠিকভাবে সেট আপ করেছেন।

পদক্ষেপ 5: লগইন বিশদ সংরক্ষণ করুন

আশা করা যায়, আপনি নিজের গুগল অ্যাকাউন্টে সাইন ইন করতে পারতেন এবং গুগল আপনাকে আবার আপনার অ্যাপে পুনঃনির্দেশ করতে পারে (বা যে কোনও ফরোয়ার্ডিং ঠিকানা আপনি সরবরাহ করেছেন)। এখন আমাদের যা করা দরকার তা হ'ল তা নিশ্চিত করা যে তারা আমাদের ডেটাবেজে কোনও ব্যবহারকারীর সাথে ম্যাচগুলি (বা একটি অ্যাকাউন্ট তৈরি) সাইন ইন করেছে।

এটি করার জন্য, গুগল "কোড" নামক ফরওয়ার্ডিং ঠিকানার জন্য একটি প্যারামিটার সরবরাহ করেছে। আপনি এটি হিসাবে দেখুন:

https://yourwebsite.com/callback?code=a-bunch-of-random-characters

আপনাকে এই "কোড" প্যারামিটারটি বের করতে হবে এবং সাইন ইন করা ব্যবহারকারী কে তা যাচাই করতে এটি Google এপিআই লাইব্রেরিতে ফিরিয়ে দিতে হবে। এখানে প্যারামিটারটি বের করতে আপনি একটি ভাল এনপিএম প্যাকেজ ব্যবহার করতে পারেন। আপনি এটি কীভাবে করেন তা বিবেচ্য নয়।

আপনার কাছে একবার "কোড" প্যারামিটার হয়ে গেলে এবং এটি আপনার সার্ভারে প্রেরণ করা হলে আমরা আমাদের অ্যাপ্লিকেশনটিতে ব্যবহারকারীর ইমেল ঠিকানা এবং আইডি ব্যবহার করতে পারি।

ফাইল: src / google-use.js

এখন আপনাকে যা করতে হবে তা হ'ল আপনার ডাটাবেসের সাথে ইমেল বা আইডি মেলে এবং সাইন ইন বা ব্যবহারকারীর সাইন ইন - এটি আপনার উপর নির্ভর করে!

সম্পূর্ণ সংস্করণ

এখানে কোনও মন্তব্য ছাড়াই কোডের একটি সম্পূর্ণ সংস্করণ। এটি একটি ভাল ওভারভিউয়ের জন্য ব্যবহার করুন। যদি আপনি আটকে যান তবে উপরের বর্ণনামূলক উদাহরণগুলি দেখুন।

ইয়াহু !!

আপনার অ্যাপ্লিকেশন এখন গুগল সমর্থন করে। অন্যান্য গুগল এপিআইতে অ্যাক্সেস পেতে কেবল এটিকে আপনার "স্কোপস" অ্যারেতে যুক্ত করুন। যখন ব্যবহারকারী লগ ইন করে, তাদের এই ডেটাতে অ্যাক্সেস দিতে বলা হবে, উদাঃ গুগল ক্যালেন্ডার ডেটা।

আপনি যদি এই নিবন্ধটি পছন্দ করেন তবে দয়া করে এটিকে কয়েকটি ক্লিক দিন (আপনি 50 টি পর্যন্ত ছেড়ে দিতে পারেন) অথবা আপনার কোনও প্রশ্ন থাকলে আপনি একটি মন্তব্য দিতে পারেন। আমি উত্তর দেওয়ার জন্য আমার যথাসাধ্য চেষ্টা করব!

আমাকে টুইটার এ অনুসরন কর.

অনেক ধন্যবাদ!

প্রমাণীকরণকারীর প্রতিষ্ঠাতা দ্বারা তৈরি নিবন্ধ - আপনার অ্যাপ্লিকেশনটির জন্য সহজ এবং দ্রুত প্রমাণীকরণ।

জ্যাক স্কট থেকে আরও অবদান।

  • আমি কীভাবে 4 দিনের মধ্যে একটি স্টার্টআপ শুরু করেছি
  • Node.js দিয়ে একটি সম্পূর্ণ গ্রাফিক্যুয়াল সার্ভার তৈরি করুন
  • বিদায় Redux