জাভাস্ক্রিপ্ট কুইকস্টার্ট

এই কুইকস্টার্ট গাইড ব্যাখ্যা করে যে কীভাবে একটি সাধারণ পৃষ্ঠা সেট আপ করতে হয় যা YouTube ডেটা API-তে অনুরোধ করে। এই কুইকস্টার্ট আসলে ব্যাখ্যা করে কিভাবে দুটি API অনুরোধ করতে হয়:

  1. GoogleDevelopers YouTube চ্যানেল সম্পর্কে তথ্য পুনরুদ্ধার করতে আপনি একটি API কী ব্যবহার করবেন, যা আপনার অ্যাপ্লিকেশন সনাক্ত করে।
  2. আপনি একটি অনুমোদিত অনুরোধ জমা দেওয়ার জন্য একটি OAuth 2.0 ক্লায়েন্ট আইডি ব্যবহার করবেন যা আপনার নিজের YouTube চ্যানেল সম্পর্কে তথ্য পুনরুদ্ধার করে৷

পূর্বশর্ত

এই কুইকস্টার্ট চালানোর জন্য আপনার প্রয়োজন হবে:

  • Python 2.4 বা তার বেশি (একটি ওয়েব সার্ভার প্রদান করতে)
  • ইন্টারনেট এবং একটি ওয়েব ব্রাউজারে অ্যাক্সেস।
  • একটি Google অ্যাকাউন্ট।

ধাপ 1: আপনার প্রকল্প এবং শংসাপত্র সেট আপ করুন

API কনসোলে একটি প্রকল্প তৈরি করুন বা নির্বাচন করুন। আপনার প্রকল্পের জন্য API কনসোলে নিম্নলিখিত কাজগুলি সম্পূর্ণ করুন:

  1. লাইব্রেরি প্যানেলে , YouTube ডেটা API v3 অনুসন্ধান করুন৷ সেই API-এর তালিকায় ক্লিক করুন এবং নিশ্চিত করুন যে API আপনার প্রকল্পের জন্য সক্ষম হয়েছে।

  2. শংসাপত্র প্যানেলে , দুটি শংসাপত্র তৈরি করুন:

    1. একটি API কী তৈরি করুন আপনি API কী ব্যবহার করবেন এমন API অনুরোধগুলি তৈরি করতে যা ব্যবহারকারীর অনুমোদনের প্রয়োজন নেই৷ উদাহরণস্বরূপ, একটি সর্বজনীন YouTube চ্যানেল সম্পর্কে তথ্য পুনরুদ্ধার করতে আপনার ব্যবহারকারীর অনুমোদনের প্রয়োজন নেই৷

    2. একটি OAuth 2.0 ক্লায়েন্ট আইডি তৈরি করুন ওয়েব অ্যাপ্লিকেশনে অ্যাপ্লিকেশনের ধরন সেট করুন৷ ব্যবহারকারীর অনুমোদন প্রয়োজন এমন অনুরোধের জন্য আপনাকে OAuth 2.0 শংসাপত্র ব্যবহার করতে হবে। উদাহরণস্বরূপ, বর্তমানে প্রমাণীকৃত ব্যবহারকারীর YouTube চ্যানেল সম্পর্কে তথ্য পুনরুদ্ধার করতে আপনার ব্যবহারকারীর অনুমোদন প্রয়োজন৷

      অনুমোদিত জাভাস্ক্রিপ্ট অরিজিন ফিল্ডে, URL লিখুন http://localhost:8000 । আপনি অনুমোদিত পুনঃনির্দেশ ইউআরআই ক্ষেত্রটি ফাঁকা রাখতে পারেন।

ধাপ 2: সেট আপ করুন এবং নমুনা চালান

GoogleDevelopers YouTube চ্যানেল সম্পর্কে তথ্য পুনরুদ্ধারের জন্য নমুনা কোড পেতে পাশের প্যানেলে APIs এক্সপ্লোরার উইজেট ব্যবহার করুন। এই অনুরোধটি আপনার অ্যাপ্লিকেশন সনাক্ত করতে একটি API কী ব্যবহার করে এবং এটির জন্য ব্যবহারকারীর অনুমোদন বা নমুনা চালানো ব্যবহারকারীর কাছ থেকে কোনো বিশেষ অনুমতির প্রয়োজন হয় না।

  1. API এর channels.list পদ্ধতির জন্য ডকুমেন্টেশন খুলুন।
  2. সেই পৃষ্ঠায়, "সাধারণ ব্যবহারের ক্ষেত্রে" বিভাগে একটি টেবিল রয়েছে যা পদ্ধতিটি ব্যবহার করার জন্য বেশ কয়েকটি সাধারণ উপায় ব্যাখ্যা করে। সারণীতে প্রথম তালিকাটি হল চ্যানেল আইডি দ্বারা ফলাফল তালিকাভুক্ত করার জন্য৷

    পূর্ণস্ক্রীন APIs এক্সপ্লোরার খুলতে এবং পপুলেট করতে প্রথম তালিকার কোড চিহ্নে ক্লিক করুন।

    যে চিত্রটি সারণিতে কোড প্রতীক লিঙ্কের অবস্থান শনাক্ত করে যেটি channels.list ডকুমেন্টেশনের ক্ষেত্রে ব্যবহার করার তালিকা দেয়। সেই ছবির জন্য Alt টেক্সট ইমেজটিকে একটি কোড প্রতীক হিসেবে চিহ্নিত করে এবং সেই লিঙ্কের সাথে যুক্ত ব্যবহারের ক্ষেত্রে উল্লেখ করে।

  3. ফুলস্ক্রিন এপিআই এক্সপ্লোরারের বাম দিকে নিম্নলিখিতগুলি দেখায়:

    1. অনুরোধের পরামিতি শিরোনামের নীচে, পদ্ধতিটি সমর্থন করে এমন প্যারামিটারগুলির একটি তালিকা রয়েছে। part এবং id প্যারামিটার মান সেট করা উচিত। id প্যারামিটার মান, UC_x5XG1OV2P6uZZ5FSM9Ttw , হল GoogleDevelopers YouTube চ্যানেলের ID।

    2. পরামিতিগুলির নীচে, শংসাপত্র নামে একটি বিভাগ রয়েছে। সেই বিভাগে পুলডাউন মেনুতে মান API কী প্রদর্শন করা উচিত। শুরু করা সহজ করতে APIs এক্সপ্লোরার ডিফল্টরূপে ডেমো শংসাপত্র ব্যবহার করে। কিন্তু আপনি স্থানীয়ভাবে নমুনা চালানোর জন্য আপনার নিজস্ব API কী ব্যবহার করবেন।

      পূর্ণস্ক্রীন APIs এক্সপ্লোরার এবং নির্বাচিত 'API কী' বিকল্প সহ পুলডাউন মেনুতে 'শংসাপত্র' দেখায় এমন চিত্র৷

  4. ফুলস্ক্রিন APIs এক্সপ্লোরারের ডানদিকে বিভিন্ন ভাষায় কোড নমুনা সহ ট্যাব দেখায়। জাভাস্ক্রিপ্ট ট্যাব নির্বাচন করুন।

  5. কোড নমুনাটি অনুলিপি করুন এবং example.html নামের একটি ফাইলে সংরক্ষণ করুন।

  6. আপনি যে নমুনাটি ডাউনলোড করেছেন তাতে, YOUR_API_KEY স্ট্রিংটি খুঁজুন এবং এই কুইকস্টার্টের ধাপ 1 এ তৈরি করা API কী দিয়ে সেটিকে প্রতিস্থাপন করুন।

  7. আপনার কাজের ডিরেক্টরি থেকে নিম্নলিখিত কমান্ড ব্যবহার করে ওয়েব সার্ভার শুরু করুন:

    Python 2.x

    python -m SimpleHTTPServer 8000
    

    Python 3.x

    python -m http.server 8000
    
  8. আপনার ব্রাউজারে example.html ফাইলটি খুলুন। এছাড়াও ব্রাউজারের ডেভেলপার টুল খুলুন, যেমন Chrome ব্রাউজারে "ডেভেলপার টুলস"।

    1. JavaScript-এর জন্য Google APIs ক্লায়েন্ট লাইব্রেরি লোড করতে পৃষ্ঠার লোড বোতামে ক্লিক করুন। আপনি বোতামটি ক্লিক করার পরে, বিকাশকারী কনসোলে একটি নোট প্রদর্শন করা উচিত যা নির্দেশ করে যে GAPI ক্লায়েন্ট লোড হয়েছে।

    2. API অনুরোধ পাঠাতে এক্সিকিউট বোতামে ক্লিক করুন। বিকাশকারীর কনসোলটি তখন API প্রতিক্রিয়া প্রদর্শন করবে।

ধাপ 3: একটি অনুমোদিত অনুরোধ চালান

এই ধাপে, আপনি আপনার কোড নমুনা পরিবর্তন করবেন যাতে GoogleDevelopers YouTube চ্যানেল সম্পর্কে তথ্য পুনরুদ্ধার করার পরিবর্তে, এটি আপনার YouTube চ্যানেল সম্পর্কে তথ্য পুনরুদ্ধার করে। এই অনুরোধ ব্যবহারকারী অনুমোদন প্রয়োজন.

  1. API এর channels.list পদ্ধতির জন্য ডকুমেন্টেশনে ফিরে যান।

  2. "সাধারণ ব্যবহারের ক্ষেত্রে" বিভাগে, টেবিলের তৃতীয় তালিকার কোড চিহ্নে ক্লিক করুন। এই ব্যবহারের ক্ষেত্রে "আমার চ্যানেল" এর জন্য list পদ্ধতি কল করা হয়।

  3. আবার, ফুলস্ক্রিন APIs এক্সপ্লোরারের বাম দিকে, আপনি শংসাপত্র বিভাগ দ্বারা অনুসরণ করা পরামিতিগুলির একটি তালিকা দেখতে পাবেন। যাইহোক, উদাহরণ থেকে দুটি পরিবর্তন আছে যেখানে আপনি GoogleDevelopers চ্যানেল সম্পর্কে তথ্য পুনরুদ্ধার করেছেন:

    1. পরামিতি বিভাগে, id প্যারামিটার মান সেট করার পরিবর্তে, mine প্যারামিটার মান true সেট করা উচিত। এটি এপিআই সার্ভারকে বর্তমানে প্রমাণীকৃত ব্যবহারকারীর চ্যানেল সম্পর্কে তথ্য পুনরুদ্ধার করার নির্দেশ দেয়।

    2. শংসাপত্র বিভাগে, পুলডাউন মেনুতে Google OAuth 2.0 এর বিকল্পটি নির্বাচন করা উচিত।

      উপরন্তু, আপনি যদি স্কোপ দেখান লিঙ্কে ক্লিক করেন, তাহলে https://www.googleapis.com/auth/youtube.readonly স্কোপ চেক করা উচিত।

      পূর্ণস্ক্রীন APIs এক্সপ্লোরার এবং নির্বাচিত 'Google OAuth 2.0' শংসাপত্র ব্যবহার করার বিকল্পে স্কোপ দেখায় এমন চিত্র৷

  4. আগের উদাহরণের মতো, JavaScript ট্যাবটি নির্বাচন করুন, কোড নমুনাটি অনুলিপি করুন এবং এটি example.html এ সংরক্ষণ করুন।

    কোডে, YOUR_CLIENT_ID স্ট্রিংটি খুঁজুন এবং এটিকে ক্লায়েন্ট আইডি দিয়ে প্রতিস্থাপন করুন যেটি আপনি এই কুইকস্টার্টের ধাপ 1 এ তৈরি করেছেন।

  5. আপনার কাজের ডিরেক্টরি থেকে নিম্নলিখিত কমান্ড ব্যবহার করে ওয়েব সার্ভার শুরু করুন:

    Python 2.x

    python -m SimpleHTTPServer 8000
    

    Python 3.x

    python -m http.server 8000
    
  6. আপনার ব্রাউজারে http://localhost:8000/example.html ফাইলে যান। ব্রাউজারের বিকাশকারী সরঞ্জামগুলি খুলুন, যেমন Chrome ব্রাউজারে "ডেভেলপার সরঞ্জাম"।

  7. জাভাস্ক্রিপ্টের জন্য Google APIs ক্লায়েন্ট লাইব্রেরি লোড করতে এবং অনুমোদনের প্রবাহ শুরু করতে পৃষ্ঠার অনুমোদন এবং লোড বোতামে ক্লিক করুন৷ আপনাকে আপনার YouTube অ্যাকাউন্ট থেকে ডেটা পড়ার জন্য অ্যাপ্লিকেশনটিকে অনুমতি দেওয়ার জন্য অনুরোধ করা উচিত।

    আপনি যদি অনুমতি দেন, তাহলে বিকাশকারীর কনসোলে সাইন-ইন সফল হয়েছে এবং API ক্লায়েন্ট লোড হয়েছে তা নির্দেশ করে এমন বার্তা প্রদর্শন করা উচিত।

  8. API অনুরোধ পাঠাতে এক্সিকিউট বোতামে ক্লিক করুন। বিকাশকারীর কনসোলটি তখন API প্রতিক্রিয়া প্রদর্শন করবে।

আরও পড়া