Google Wallet API ব্যবহার করে ওয়েবে পাস তৈরি করুন

1. ভূমিকা

সংক্ষিপ্ত বিবরণ

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

তবে, এগুলি প্রতিটি ব্যবহারের ক্ষেত্রে উপযুক্ত নাও হতে পারে। আরও কাস্টমাইজড অভিজ্ঞতা তৈরি করতে, আপনি জেনেরিক পাস টাইপ ব্যবহার করতে পারেন। জেনেরিক পাস টাইপের জন্য এখানে কিছু উদাহরণ ব্যবহারের উদাহরণ দেওয়া হল:

• পার্কিং পাস
• লাইব্রেরির সদস্যপদ কার্ড
• সঞ্চিত মূল্যের ভাউচার
• জিমের সদস্যপদ কার্ড
• রিজার্ভেশন

আপনি যে কোনও ব্যবহারের ক্ষেত্রে জেনেরিক পাস ব্যবহার করতে পারেন যা নিম্নলিখিতগুলির সাথে উপস্থাপন করা যেতে পারে:

• তথ্যের তিন সারি পর্যন্ত
• (ঐচ্ছিক) বারকোড গ্রাফিক
• (ঐচ্ছিক) বিস্তারিত বিভাগ

গুগল ওয়ালেট এপিআই সম্পর্কে আরও তথ্যের জন্য, অথবা ওয়েব পৃষ্ঠায় গুগল ওয়ালেটে যোগ করুন বোতাম যোগ করার জন্য, অনুগ্রহ করে গুগল ওয়ালেট ডেভেলপার ডকুমেন্টেশন দেখুন।

সমস্ত পাস করা ক্লাস এবং বস্তুকে গ্রহণযোগ্য ব্যবহার নীতি মেনে চলতে হবে।

ক্লাস এবং অবজেক্ট পাস করুন

গুগল ওয়ালেট এপিআই নিম্নলিখিতগুলি তৈরি করার পদ্ধতিগুলি প্রকাশ করে:

আদর্শ	বিবরণ
পাস ক্লাস	একটি পৃথক পাস অবজেক্টের জন্য একটি টেমপ্লেট। এতে এই শ্রেণীর অন্তর্গত সমস্ত পাস অবজেক্টের জন্য সাধারণ তথ্য রয়েছে।
বস্তুটি পাস করুন	একটি পাস ক্লাসের একটি উদাহরণ যা একটি ব্যবহারকারী আইডির জন্য অনন্য।

এই কোডল্যাব সম্পর্কে

এই কোডল্যাবে, আপনি নিম্নলিখিত কাজগুলি সম্পন্ন করবেন।

1. ডেমো মোডে একটি নতুন ইস্যুকারী অ্যাকাউন্ট তৈরি করুন
2. পাস ইস্যু করার জন্য একটি পরিষেবা অ্যাকাউন্ট তৈরি করুন
3. একটি নতুন জেনেরিক পাস ক্লাস তৈরি করুন
4. একটি নতুন পাস অবজেক্ট তৈরি করুন
5. পাস সেভ করার জন্য "Google Wallet এ যোগ করুন" বোতাম তৈরি করুন
6. আপনার ওয়েব পৃষ্ঠায় বোতামটি প্রদর্শন করুন
7. পাস সংরক্ষণের ফলাফল পরিচালনা করুন

পূর্বশর্ত

• গিট
• গুগল ক্লাউড কনসোলে অ্যাক্সেস সহ একটি গুগল অ্যাকাউন্ট
• Node.js ভার্সন ১০ বা তার বেশি

উদ্দেশ্য

এই কোডল্যাবটি সম্পন্ন করার পরে, আপনি নিম্নলিখিতগুলি করতে সক্ষম হবেন:

• গুগল ওয়ালেট ব্যবহার করে পাস অবজেক্ট তৈরি করুন
• Google Wallet-এ যোগ করুন বোতাম তৈরি করুন

সমর্থন

কোডল্যাবের যেকোনো পর্যায়ে আটকে গেলে, google-pay/wallet-web-codelab GitHub রিপোজিটরিতে রেফারেন্সের জন্য একটি সম্পূর্ণ সমাধান রয়েছে।

2. সেটআপ

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

মোবাইল অ্যাপ্লিকেশনের মতো পাবলিক ক্লায়েন্টের মধ্যে পাস ক্লাস এবং অবজেক্ট তৈরি করা সম্ভব। তবে, ব্যাকএন্ড সার্ভারের মতো প্রাইভেট ক্লায়েন্টে পাস তৈরি করা বা প্রমাণীকৃত এবং সুরক্ষিত অনুরোধের মাধ্যমে আপনার ক্লায়েন্ট অ্যাপ্লিকেশন থেকে সেগুলি আনা আরও নিরাপদ।

একটি Google Wallet ইস্যুকারী অ্যাকাউন্টের জন্য সাইন আপ করুন

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

ডেমো মোড সম্পর্কে আরও তথ্যের জন্য, জেনেরিক পাসের পূর্বশর্তগুলি দেখুন।

1. Google Pay & Wallet কনসোল খুলুন
2. ইস্যুকারী অ্যাকাউন্ট তৈরি করতে স্ক্রিনে দেওয়া নির্দেশাবলী অনুসরণ করুন।
3. গুগল ওয়ালেট এপিআই নির্বাচন করুন
4. আপনি পরিষেবার শর্তাবলী এবং গোপনীয়তা নীতি বুঝতে পেরেছেন কিনা তা নিশ্চিত করুন।
5. ইস্যুয়ার আইডি মানটি একটি টেক্সট এডিটর বা অন্য কোনও স্থানে কপি করুন
6. ম্যানেজ ট্যাবের অধীনে, টেস্ট অ্যাকাউন্ট সেট আপ করুন নির্বাচন করুন
7. এই কোডল্যাবে আপনার ব্যবহৃত যেকোনো ইমেল ঠিকানা যোগ করুন

Google Wallet API সক্ষম করুন

1. গুগল ক্লাউড কনসোলে সাইন ইন করুন
2. যদি আপনার কাছে ইতিমধ্যেই কোনও Google ক্লাউড প্রকল্প না থাকে, তাহলে এখনই একটি তৈরি করুন (আরও তথ্যের জন্য প্রকল্প তৈরি এবং পরিচালনা দেখুন)
3. আপনার প্রোজেক্টের জন্য Google Wallet API (যা Google Pay for Passes API নামেও পরিচিত) সক্ষম করুন

একটি পরিষেবা অ্যাকাউন্ট এবং কী তৈরি করুন

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

এই কোডল্যাবের জন্য বিদ্যমান পরিষেবা অ্যাকাউন্ট ব্যবহার করার সময় সতর্ক থাকুন, কারণ এতে অন্যান্য সংস্থানগুলির অনুমতি থাকতে পারে যা প্রয়োজন হয় না।

একটি পরিষেবা অ্যাকাউন্ট তৈরি করুন

1. গুগল ক্লাউড কনসোলে, সার্ভিস অ্যাকাউন্ট খুলুন
2. আপনার পরিষেবা অ্যাকাউন্টের জন্য একটি নাম, আইডি এবং বিবরণ লিখুন
3. তৈরি করুন এবং চালিয়ে যান নির্বাচন করুন
4. সম্পন্ন নির্বাচন করুন

একটি পরিষেবা অ্যাকাউন্ট কী তৈরি করুন

1. আপনার পরিষেবা অ্যাকাউন্ট নির্বাচন করুন
2. কী মেনু নির্বাচন করুন
3. ADD KEY নির্বাচন করুন, তারপর নতুন কী তৈরি করুন
4. JSON কী টাইপ নির্বাচন করুন
5. তৈরি করুন নির্বাচন করুন

আপনাকে আপনার স্থানীয় ওয়ার্কস্টেশনে কী ফাইলটি সংরক্ষণ করতে বলা হবে। এর অবস্থান মনে রাখতে ভুলবেন না।

GOOGLE_APPLICATION_CREDENTIALS পরিবেশ ভেরিয়েবল সেট করুন

GOOGLE_APPLICATION_CREDENTIALS এনভায়রনমেন্ট ভেরিয়েবলটি Google SDK গুলি দ্বারা একটি পরিষেবা অ্যাকাউন্ট হিসাবে প্রমাণীকরণ এবং একটি Google ক্লাউড প্রকল্পের জন্য বিভিন্ন API অ্যাক্সেস করার জন্য ব্যবহৃত হয়।

1. GOOGLE_APPLICATION_CREDENTIALS এনভায়রনমেন্ট ভেরিয়েবল সেট করতে Google ক্লাউড সার্ভিস অ্যাকাউন্ট কী ডকুমেন্টেশনের নির্দেশাবলী অনুসরণ করুন।
2. পরিবেশ পরিবর্তনশীলটি একটি নতুন টার্মিনাল (ম্যাকওএস/লিনাক্স) অথবা কমান্ড-লাইন (উইন্ডোজ) সেশনে সেট করা আছে কিনা তা যাচাই করুন (যদি আপনার কাছে ইতিমধ্যেই একটি খোলা থাকে তবে আপনাকে একটি নতুন সেশন শুরু করতে হতে পারে)

   echo $GOOGLE_APPLICATION_CREDENTIALS
   

পরিষেবা অ্যাকাউন্ট অনুমোদন করুন

পরিশেষে, গুগল ওয়ালেট পাস পরিচালনা করার জন্য আপনাকে পরিষেবা অ্যাকাউন্টটি অনুমোদন করতে হবে।

1. Google Pay & Wallet কনসোল খুলুন
2. ব্যবহারকারী নির্বাচন করুন
3. একজন ব্যবহারকারীকে আমন্ত্রণ জানান নির্বাচন করুন
4. পরিষেবা অ্যাকাউন্টের ইমেল ঠিকানা লিখুন (যেমন [e-mail] )
5. অ্যাক্সেস লেভেল ড্রপ-ডাউন মেনু থেকে ডেভেলপার অথবা অ্যাডমিন নির্বাচন করুন।
6. আমন্ত্রণ নির্বাচন করুন

৩. নমুনা Node.js অ্যাপটি শুরু করুন

সময়কাল ১০:০০

এই ধাপে, আপনি একটি নমুনা Node.js অ্যাপ্লিকেশন চালাবেন যা একটি শপিং ওয়েবসাইট এবং ব্যাকএন্ড সার্ভার হিসেবে কাজ করে।

নমুনা সংগ্রহস্থল ক্লোন করুন

google-pay/wallet-web-codelab সংগ্রহস্থলে একটি Node.js-ভিত্তিক নমুনা প্রকল্প এবং বিভিন্ন স্ক্রিপ্ট ফাইল রয়েছে যা পাস ক্লাস এবং অবজেক্টের প্রভিশনিং করার জন্য ব্যবহৃত একটি ব্যাকএন্ড সার্ভারের অনুকরণ করে। আপনি এগুলি সম্পাদনা করে একটি পণ্যের বিবরণ স্ক্রিনে Google Wallet-এ যোগ করুন বোতাম অন্তর্ভুক্ত করবেন।

1. আপনার স্থানীয় ওয়ার্কস্টেশনে রিপোজিটরিটি ক্লোন করুন।

   git clone https://github.com/google-pay/wallet-web-codelab.git
   

প্রকল্প নির্ভরতা ইনস্টল করুন

1. আপনার টার্মিনাল বা কমান্ড-লাইন প্রম্পটে ক্লোন করা সংগ্রহস্থলটি খুলুন।
2. web ডিরেক্টরিতে নেভিগেট করুন (এই কোডল্যাবের বাকি অংশে আপনি এই অ্যাপটি পরিবর্তন করবেন)

   cd web
   

3. Node.js নির্ভরতা ইনস্টল করুন

   npm install .
   

4. অ্যাপটি শুরু করুন

   node app.js
   

5. http://localhost:3000 এ চলমান অ্যাপটি খুলুন।

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

৪. একটি জেনেরিক পাস ক্লাস তৈরি করুন

এই ধাপে, আপনি আপনার পাসের জন্য বেস ক্লাস তৈরি করবেন। যখনই কোনও ব্যবহারকারীর জন্য একটি নতুন পাস তৈরি করা হবে, তখন এটি পাস ক্লাসে সংজ্ঞায়িত বৈশিষ্ট্যগুলি উত্তরাধিকার সূত্রে পাবে।

এই কোডল্যাব চলাকালীন আপনি যে পাস ক্লাসটি তৈরি করবেন তা জেনেরিক পাসের নমনীয়তা ব্যবহার করে এমন একটি অবজেক্ট তৈরি করবে যা আইডেন্টিটি ব্যাজ এবং চ্যালেঞ্জ পয়েন্ট ট্র্যাকার উভয় হিসেবেই কাজ করে। যখন এই ক্লাস থেকে একটি পাস অবজেক্ট তৈরি করা হবে, তখন এটি নিম্নলিখিত গ্রাফিকের মতো দেখাবে।

এই গ্রাফিকটি একটি পাসে সেট করা যেতে পারে এমন বৈশিষ্ট্যের একটি ছোট উপসেট চিত্রিত করে। বিভিন্ন পাস বৈশিষ্ট্য ব্যবহারকারীর অভিজ্ঞতাকে কীভাবে প্রভাবিত করে তা দেখতে জেনেরিক পাস টেমপ্লেটটি পড়ুন।

পাস ক্লাসগুলি সরাসরি Google Pay & Wallet কনসোলে অথবা Google Wallet API ব্যবহার করে তৈরি করা যেতে পারে। এই কোডল্যাবে, আপনি API ব্যবহার করে জেনেরিক পাস ক্লাস তৈরি করবেন। এটি একটি ব্যক্তিগত, ব্যাকএন্ড সার্ভার পাস ক্লাস তৈরি করতে যে প্রক্রিয়াটি ব্যবহার করবে তা অনুসরণ করে।

1. web/app.js ফাইলটি খুলুন।
2. Google Pay & Wallet কনসোল থেকে আপনার ইস্যুয়ার আইডি দিয়ে issuerId এর মান প্রতিস্থাপন করুন।

   // TODO: Define Issuer ID
   const issuerId = 'ISSUER_ID';
   

3. createPassClass ফাংশনটি সনাক্ত করুন
4. ফাংশনে, একটি প্রমাণিত HTTP ক্লায়েন্ট তৈরি করুন এবং একটি নতুন পাস ক্লাস তৈরি করতে Google Wallet API ব্যবহার করুন।

   // TODO: Create a Generic pass class
   let genericClass = {
     'id': `${classId}`,
     'classTemplateInfo': {
       'cardTemplateOverride': {
         'cardRowTemplateInfos': [
           {
             'twoItems': {
               'startItem': {
                 'firstValue': {
                   'fields': [
                     {
                       'fieldPath': "object.textModulesData['points']"
                     }
                   ]
                 }
               },
               'endItem': {
                 'firstValue': {
                   'fields': [
                     {
                       'fieldPath': "object.textModulesData['contacts']"
                     }
                   ]
                 }
               }
             }
           }
         ]
       },
       'detailsTemplateOverride': {
         'detailsItemInfos': [
           {
             'item': {
               'firstValue': {
                 'fields': [
                   {
                     'fieldPath': "class.imageModulesData['event_banner']"
                   }
                 ]
               }
             }
           },
           {
             'item': {
               'firstValue': {
                 'fields': [
                   {
                     'fieldPath': "class.textModulesData['game_overview']"
                   }
                 ]
               }
             }
           },
           {
             'item': {
               'firstValue': {
                 'fields': [
                   {
                     'fieldPath': "class.linksModuleData.uris['official_site']"
                   }
                 ]
               }
             }
           }
         ]
       }
     },
     'imageModulesData': [
       {
         'mainImage': {
           'sourceUri': {
             'uri': 'https://codelabs.developers.google.com/static/add-to-wallet-web/images/google-io-2021-card.png'
           },
           'contentDescription': {
             'defaultValue': {
               'language': 'en-US',
               'value': 'Google I/O 2022 Banner'
             }
           }
         },
         'id': 'event_banner'
       }
     ],
     'textModulesData': [
       {
         'header': 'Gather points meeting new people at Google I/O',
         'body': 'Join the game and accumulate points in this badge by meeting other attendees in the event.',
         'id': 'game_overview'
       }
     ],
     'linksModuleData': {
       'uris': [
         {
           'uri': 'https://io.google/2022/',
           'description': 'Official I/O \'22 Site',
           'id': 'official_site'
         }
       ]
     }
   };
   
   let response;
   try {
     // Check if the class exists already
     response = await httpClient.request({
       url: `${baseUrl}/genericClass/${classId}`,
       method: 'GET'
     });
   
     console.log('Class already exists');
     console.log(response);
   } catch (err) {
     if (err.response && err.response.status === 404) {
       // Class does not exist
       // Create it now
       response = await httpClient.request({
         url: `${baseUrl}/genericClass`,
         method: 'POST',
         data: genericClass
       });
   
       console.log('Class insert response');
       console.log(response);
     } else {
       // Something else went wrong
       console.log(err);
       res.send('Something went wrong...check the console logs!');
     }
   }
   

যখন আপনার কোডটি রান করবে, তখন এটি একটি নতুন পাস ক্লাস তৈরি করবে এবং ক্লাস আইডি আউটপুট করবে। ক্লাস আইডিটি ইস্যুয়ার আইডি দিয়ে তৈরি এবং তারপরে একটি ডেভেলপার-সংজ্ঞায়িত সাফিক্স থাকবে। এই ক্ষেত্রে, সাফিক্সটি codelab_class এ সেট করা আছে (ক্লাস আইডিটি 1234123412341234123.codelab_class এর মতো দেখাবে)। আউটপুট লগগুলিতে Google Wallet API থেকে প্রতিক্রিয়াও অন্তর্ভুক্ত থাকবে।

৫. একটি জেনেরিক পাস অবজেক্ট তৈরি করুন

এই ধাপে, আপনি আপনার Node.js অ্যাপটি কনফিগার করবেন যাতে আপনি পূর্বে তৈরি করা ক্লাস ব্যবহার করে একটি জেনেরিক পাস অবজেক্ট তৈরি করতে পারেন। ব্যবহারকারীদের জন্য পাস অবজেক্ট তৈরির জন্য দুটি প্রবাহ রয়েছে।

ব্যাকএন্ড সার্ভারে পাস অবজেক্ট তৈরি করুন

এই পদ্ধতিতে, পাস অবজেক্টটি একটি ব্যাকএন্ড সার্ভারে তৈরি করা হয় এবং একটি স্বাক্ষরিত JWT হিসাবে ক্লায়েন্ট অ্যাপে ফেরত পাঠানো হয়। এটি এমন ক্ষেত্রে সবচেয়ে উপযুক্ত যেখানে ব্যবহারকারীর গ্রহণযোগ্যতা বেশি, কারণ এটি নিশ্চিত করে যে ব্যবহারকারী তাদের ওয়ালেটে এটি যোগ করার চেষ্টা করার আগেই অবজেক্টটি বিদ্যমান।

ব্যবহারকারী যখন তাদের ওয়ালেটে পাস অবজেক্ট যোগ করে তখন এটি তৈরি করুন।

এই পদ্ধতিতে, পাস অবজেক্টটি ব্যাকএন্ড সার্ভারে একটি স্বাক্ষরিত JWT-তে সংজ্ঞায়িত এবং এনকোড করা হয়। এরপর ক্লায়েন্ট অ্যাপে একটি Add to Google Wallet বোতাম রেন্ডার করা হয় যা JWT-কে উল্লেখ করে। ব্যবহারকারী যখন বোতামটি নির্বাচন করেন, তখন পাস অবজেক্ট তৈরি করতে JWT ব্যবহার করা হয়। এটি সেই ক্ষেত্রে সবচেয়ে উপযুক্ত যেখানে ব্যবহারকারী গ্রহণ পরিবর্তনশীল বা অজানা, কারণ এটি পাস অবজেক্ট তৈরি হতে এবং ব্যবহার না করা থেকে বিরত রাখে। এই পদ্ধতিটি কোডল্যাবে ব্যবহার করা হবে।

1. web/app.js ফাইলটি খুলুন।
2. createPassObject ফাংশনটি সনাক্ত করুন
3. ফাংশনে, আপনার ব্যবহারকারীর জন্য একটি নতুন পাস অবজেক্ট সংজ্ঞায়িত করুন।

   // TODO: Create a new Generic pass for the user
   let objectSuffix = `${req.body.email.replace(/[^\w.-]/g, '_')}`;
   let objectId = `${issuerId}.${objectSuffix}`;
   
   let genericObject = {
     'id': `${objectId}`,
     'classId': classId,
     'genericType': 'GENERIC_TYPE_UNSPECIFIED',
     'hexBackgroundColor': '#4285f4',
     'logo': {
       'sourceUri': {
         'uri': 'https://developers.google.com/static/wallet/site-assets/images/pass-builder/pass_google_logo.jpg'
       }
     },
     'cardTitle': {
       'defaultValue': {
         'language': 'en',
         'value': 'Google I/O \'22'
       }
     },
     'subheader': {
       'defaultValue': {
         'language': 'en',
         'value': 'Attendee'
       }
     },
     'header': {
       'defaultValue': {
         'language': 'en',
         'value': 'Alex McJacobs'
       }
     },
     'barcode': {
       'type': 'QR_CODE',
       'value': `${objectId}`
     },
     'heroImage': {
       'sourceUri': {
         'uri': 'https://developers.google.com/static/wallet/site-assets/images/pass-builder/google-io-hero-demo-only.jpg'
       }
     },
     'textModulesData': [
       {
         'header': 'POINTS',
         'body': '1234',
         'id': 'points'
       },
       {
         'header': 'CONTACTS',
         'body': '20',
         'id': 'contacts'
       }
     ]
   };
   
   // TODO: Create the signed JWT and link
   res.send("Form submitted!");
   

যদি আপনি অ্যাপটি পুনরায় লোড করেন, আপনার ইমেল ঠিকানাটি প্রবেশ করান এবং ফর্মটি জমা দেন, তাহলে আপনি কোনও আউটপুট দেখতে পাবেন না। পাস অবজেক্টটি ব্যাকএন্ড অ্যাপ্লিকেশন দ্বারা সংজ্ঞায়িত করা হচ্ছে, কিন্তু কোনও আউটপুট ফেরত দেওয়া হচ্ছে না। এরপর, আপনি পাসটিকে একটি Google Wallet লিঙ্কে রূপান্তর করবেন।

৬. গুগল ওয়ালেটে যোগ করুন বোতাম তৈরি করুন

চূড়ান্ত ধাপে, আপনি একটি স্বাক্ষরিত JWT তৈরি করবেন এবং একটি লিঙ্ক ফেরত দেবেন যা "Google Wallet এ যোগ করুন" বোতামে ব্যবহার করা যেতে পারে। ব্যবহারকারী যখন বোতামটি নির্বাচন করবেন, তখন তাদের ওয়ালেটে পাসটি সংরক্ষণ করার জন্য অনুরোধ করা হবে।

1. JWT দাবি তৈরি করুন, পরিষেবা অ্যাকাউন্টের প্রাইভেট কী ব্যবহার করে সেগুলি এনকোড করুন এবং এমবেডেড লিঙ্ক সহ একটি Google Wallet এ যোগ করুন বোতামটি ফেরত দিন।

   // TODO: Create the signed JWT and link
   const claims = {
     iss: credentials.client_email,
     aud: 'google',
     origins: [],
     typ: 'savetowallet',
     payload: {
       genericObjects: [
         genericObject
       ]
     }
   };
   
   const token = jwt.sign(claims, credentials.private_key, { algorithm: 'RS256' });
   const saveUrl = `https://pay.google.com/gp/v/save/${token}`;
   
   res.send(`<a href='${saveUrl}'><img src='wallet-button.png'></a>`);
   

2. আপনার ব্রাউজারে চলমান অ্যাপটি পুনরায় লোড করুন।
3. ফর্মে আপনার ইমেল ঠিকানা লিখুন এবং পাস তৈরি করুন নির্বাচন করুন
4. যখন এটি প্রদর্শিত হবে, তখন Google Wallet এ যোগ করুন বোতামটি নির্বাচন করুন।

যদি আপনার ইস্যুকারী অ্যাকাউন্ট ডেমো মোডে থাকে, তাহলে আপনি শুধুমাত্র আপনার পরীক্ষামূলক ব্যবহারকারীদের জন্য পাস ইস্যু করতে পারবেন। আপনি যদি অন্য কোনও ইমেল ঠিকানা প্রবেশ করান, তাহলে আপনি আপনার ওয়ালেটে পাসটি যোগ করতে পারবেন না।

৭. অভিনন্দন

অভিনন্দন, আপনি ওয়েবে Google Wallet API সফলভাবে সংহত করেছেন!

আরও জানুন

google-pay/wallet-web-codelab GitHub রিপোজিটরিতে সম্পূর্ণ ইন্টিগ্রেশনটি একবার দেখে নিন।

পাস তৈরি করুন এবং উৎপাদন অ্যাক্সেসের অনুরোধ করুন

যখন আপনি প্রোডাকশনে আপনার নিজস্ব পাস ইস্যু করার জন্য প্রস্তুত হবেন, তখন প্রোডাকশন অ্যাক্সেসের জন্য অনুরোধ করতে Google Pay & Wallet কনসোলে যান।

আরও জানতে ওয়েব এপিআই পূর্বশর্তগুলি দেখুন।