Android SDK के साथ शुरू करने से पहले, पक्का करें कि आपने ज़रूरी शर्तें पूरी कर ली हों.
Android SDK टूल की मदद से, Google Wallet में पास जोड़े जा सकते हैं. जब आप अपने ऐप्लिकेशन में Google Wallet बटन जोड़ेंगे, तो आपके उपयोगकर्ताओं को Google Wallet में अपने पास जोड़ने का आसान और मज़ेदार अनुभव मिलेगा.
अपने Android ऐप्लिकेशन में Google Wallet बटन जोड़ने के लिए, यह तरीका अपनाएं:
1. 'पास' ऑब्जेक्ट बनाएं
ध्यान दें: पास ऑब्जेक्ट बनाने के लिए पास क्लास ज़रूरी है. अगर आपने पहले से कोई पास नहीं बनाया है, तो पास क्लास बनाने के निर्देशों का पालन करें.
यहां दिए गए ज़रूरी एट्रिब्यूट के साथ ही, उनसे जुड़ा LoyaltyObject
बनाएं:
* classId
: ज़रूरी शर्तों में बनाए गए पास क्लास का आईडी.
* id
: ऑब्जेक्ट के लिए यूनीक आईडी.
state
: इस फ़ील्ड का इस्तेमाल यह तय करने के लिए किया जाता है कि कोई ऑब्जेक्ट कैसे दिखाया जाता है. उदाहरण के लिए, ऐसे ऑब्जेक्ट को "पास की समयसीमा खत्म हो चुकी है" सेक्शन में ले जाया जाता है.
लॉयल्टी कार्ड में इन एट्रिब्यूट को दिखाने का तरीका जानने के लिए, लेआउट टेंप्लेट देखें.
यहां सैंपल लॉयल्टी कार्ड की परिभाषा दी गई है:
JSON
{
"id": "ISSUER_ID.OBJECT_ID",
"classId": "CLASS_ID",
"state": "ACTIVE"
}
2. ऑब्जेक्ट के साथ एक अहस्ताक्षरित JWT बनाएं
जबLoyaltyObject
बन जाए, तो उसे बिना हस्ताक्षर वाले JWT के साथ payload.LoyaltyObjects
एट्रिब्यूट के साथ रैप करें, जैसा कि
नीचे दिए गए स्निपेट में दिखाया गया है:
JSON
{
"iss": "OWNER_EMAIL_ADDRESS",
"aud": "google",
"typ": "savetowallet",
"iat": "UNIX_TIME",
"origins": [],
"payload": {
"loyaltyObjects": [ NEW_OBJECT ]
}
}
3. अपने यूज़र इंटरफ़ेस (यूआई) में Google Wallet बटन शामिल करें
Google वॉलेट एक जाना-पहचाना बटन प्रदान करता है जिसका उपयोग आप अपने ऐप्लिकेशन में Google वॉलेट में जोड़ें फ़्लो को ट्रिगर करने के लिए कर सकते हैं. बटन के वेक्टर एसेट, बटन के दिशा-निर्देशों में उपलब्ध हैं.
Android Studio में File > New > Vector
Asset
में, वेक्टर एसेट इंपोर्ट की जा सकती हैं. विज़ार्ड में "स्थानीय फ़ाइल" चुनें, नाम जोड़ें (उदाहरण:
add_to_google_wallet_button.xml
) खोलें और फ़ाइल को इंपोर्ट करने के लिए उसे अपनी लोकल ड्राइव में ढूंढें.
अब, इंपोर्ट किए जा सकने वाले इंपोर्ट किए गए बटन का इस्तेमाल करके, इसे अपने यूज़र इंटरफ़ेस पर जोड़ा जा सकता है:
<ImageButton
android:id="@+id/addToGoogleWalletButton"
android:layout_width="match_parent"
android:layout_height="48dp"
android:minWidth="200dp"
android:clickable="true"
android:src="@drawable/add_to_google_wallet_button" />
बटन में 48 dp का layout_height
है और यह कम से कम 200 dp की होनी चाहिए.
4. देखें कि टारगेट डिवाइस पर Google Wallet API उपलब्ध है या नहीं
नया ऑब्जेक्ट सेव करने से पहले, पक्का करें कि PayClient
क्लास में getPayApiAvailabilityStatus
मैथड को कॉल करके, टारगेट डिवाइस पर Google Wallet API उपलब्ध हो. शुरुआत में, उस वैरिएबल में सदस्य वैरिएबल जोड़ें जहां बटन दिखाया जाएगा. साथ ही, जब गतिविधि बन जाए, तो उसे इंस्टैंशिएट करें:
Kotlin
import com.google.android.gms.pay.PayClient
private lateinit var walletClient: PayClient
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
walletClient = Pay.getClient(this)
// Additional logic in your onCreate method
}
Java
import com.google.android.gms.pay.PayClient;
private final PayClient walletClient;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
walletClient = Pay.getClient(application);
// Additional logic in your onCreate method
}
अब, क्लाइंट का इस्तेमाल करके देखें कि एपीआई उपलब्ध है या नहीं:
Kotlin
import com.google.android.gms.pay.PayApiAvailabilityStatus
private fun fetchCanUseGoogleWalletApi() {
walletClient
.getPayApiAvailabilityStatus(PayClient.RequestType.SAVE_PASSES)
.addOnSuccessListener { status ->
if (status == PayApiAvailabilityStatus.AVAILABLE) {
// The API is available, show the button in your UI
} else {
// The user or device is not eligible for using the Pay API
}
}
.addOnFailureListener {
// Hide the button and optionally show an error message
}
}
Java
import com.google.android.gms.pay.PayApiAvailabilityStatus;
private void fetchCanAddPassesToGoogleWallet() {
walletClient
.getPayApiAvailabilityStatus(PayClient.RequestType.SAVE_PASSES)
.addOnSuccessListener(status -> {
if (status == PayApiAvailabilityStatus.AVAILABLE) {
// The API is available, show the button in your UI
} else {
// The user or device is not eligible for using the Pay API
};
})
.addOnFailureListener(exception -> {
// Google Play Services is too old, or API availability not verified
// Hide the button and optionally show an error message
});
}
आखिर में, एपीआई की उपलब्धता तय करने के लिए अपने ऐप्लिकेशन में ऊपर दिए गए तरीके का इस्तेमाल करें.
5. ऑब्जेक्ट को Google Wallet में जोड़ें
LoyaltyObject
को बिना हस्ताक्षर वाले JWT को
दूसरे चरण से savePasses
तरीके पर पास करके जोड़ा जा सकता है.
आप Google वॉलेट बटन क्लिक करने से, कार्रवाई शुरू कर सकते हैं:
Kotlin
import android.os.Bundle
import android.view.View
import com.google.android.gms.samples.wallet.databinding.ActivityCheckoutBinding
private val addToGoogleWalletRequestCode = 1000
private lateinit var layout: ActivityCheckoutBinding
private lateinit var addToGoogleWalletButton: View
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
// Use view binding to access the UI elements
layout = ActivityCheckoutBinding.inflate(layoutInflater)
setContentView(layout.root)
addToGoogleWalletButton = layout.addToGoogleWalletButton
addToGoogleWalletButton.setOnClickListener {
walletClient.savePasses(newObjectJson, this, addToGoogleWalletRequestCode)
}
// Additional logic in your onCreate method
}
Java
import android.os.Bundle;
import android.view.View;
import com.google.android.gms.samples.wallet.databinding.ActivityCheckoutBinding;
private static final int ADD_TO_GOOGLE_WALLET_REQUEST_CODE = 999;
private ActivityCheckoutBinding layout:
private View addToGoogleWalletButton;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// Use view binding to access the UI elements
layout = ActivityCheckoutBinding.inflate(getLayoutInflater());
setContentView(layout.getRoot());
addToGoogleWalletButton = layout.addToGoogleWalletButton;
addToGoogleWalletButton.setOnClickListener(v -> {
walletClient.savePasses(newObjectJson, this, ADD_TO_GOOGLE_WALLET_REQUEST_CODE);
});
// Additional logic in your onCreate method
}
savePasses
तरीका सेव करने के फ़्लो को ट्रिगर करता है और सेव फ़्लो पूरा होने के बाद, onActivityResult
तरीके को शुरू करता है. onActivityResult
को लागू करने का तरीका नीचे दिया गया होना चाहिए:
Kotlin
import android.content.Intent
override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
super.onActivityResult(requestCode, resultCode, data)
if (requestCode == addToGoogleWalletRequestCode) {
when (resultCode) {
RESULT_OK -> {
// Pass saved successfully
}
RESULT_CANCELED -> {
// Save operation canceled
}
PayClient.SavePassesResult.SAVE_ERROR -> data?.let { intentData ->
val errorMessage = intentData.getStringExtra(PayClient.EXTRA_API_ERROR_MESSAGE)
// Handle error
}
else -> {
// Handle unexpected (non-API) exception
}
}
}
}
Java
import android.content.Intent;
@Override
protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
super.onActivityResult(requestCode, resultCode, data);
if (requestCode == ADD_TO_GOOGLE_WALLET_REQUEST_CODE) {
switch (resultCode) {
case RESULT_OK: {
// Pass saved successfully
break;
}
case RESULT_CANCELED: {
// Save operation canceled
break;
}
case PayClient.SavePassesResult.SAVE_ERROR: {
if (data != null) {
String apiErrorMessage = data.getStringExtra(PayClient.EXTRA_API_ERROR_MESSAGE);
// Handle error
}
break;
}
default: {
// Handle unexpected (non-API) exception
}
}
}
}
पास जोड़ने के बाद, resultCode
में
Activity.RESULT_OK
वैल्यू शामिल होती है.
[केवल परीक्षण] पास
डेमो मोड में होने पर, आपके पास में बनाए गए सभी पास के पास के शीर्षक में "[केवल परीक्षण]" के लिए एक और मैसेज होगा. यह पास को लाइव पास और डेमो पास से अलग दिखाने के लिए है. हमारी टीम से प्रोडक्शन की मंज़ूरी मिलने के बाद, अगर डेमो उपयोगकर्ता कनेक्ट किए गए डिवाइस पर वॉलेट ऐप्लिकेशन को दोबारा खोलता है, तो लंबे समय तक कोई अतिरिक्त टेक्स्ट नहीं दिखेगा.
अगले चरण
- लॉयल्टी कार्ड के उपयोग के मामलों का आकलन करें और कारोबार की ज़रूरत के हिसाब से लागू करें
- ब्रैंड के दिशा-निर्देशों का पालन करके, अपने लॉयल्टी कार्ड की थीम को अपनी पसंद के मुताबिक बनाएं
- Google Pay और Wallet Console के "Google Wallet API" सेक्शन में, समीक्षा के लिए अपना UX फ़्लो सबमिट करें
- अपने इंटिग्रेशन की जांच करें और लाइव जाएं!
- अब भी कोई सवाल है? कृपया हमारे अक्सर पूछे जाने वाले सवाल देखें.