بعد إنشاء بطاقة وترميزها باستخدام JWT، يمكنك إصدارها في تطبيق Android. لإجراء ذلك، عليك التأكّد من أنّ Google Wallet API متوفّرة على جهاز المستخدم، وعرض الزر "إضافة إلى محفظة Google" له. ثم يحفظ البطاقة في "محفظة Google" عند نقره على الزر.
المتطلبات الأساسية
قبل محاولة إصدار بطاقة، تأكَّد من إكمال الإجراءات التالية:
- إكمال جميع الخطوات الواردة في دليل الإعداد
- أنشئ صفًا دراسيًا واحدًا على الأقل.
- أنشئ كائن بطاقات واحدًا على الأقل.
- ترميز فئة البطاقات وعنصر البطاقات في JWT
1. تثبيت حزمة تطوير البرامج (SDK) لنظام التشغيل Android في "محفظة Google"
لاستخدام حزمة تطوير البرامج (SDK) لنظام التشغيل Android في "محفظة Google"، أضِف com.google.android.gms:play-services-pay
إلى القسم "dependencies
" في ملف build.gradle
على مستوى التطبيق:
implementation "com.google.android.gms:play-services-pay:16.5.0"
2. التحقّق من توفّر Google Wallet API
قبل حفظ العنصر الجديد، تأكَّد من أنّ Google Wallet API
متوفّرة على الجهاز المستهدَف من خلال استدعاء طريقة getPayApiAvailabilityStatus
في الفئة PayClient
.
ابدأ بإضافة متغير عضو إلى النشاط الذي ستعرض فيه الزر وأنشئ مثيلاً له عندما يكون النشاط تاريخ الإنشاء:
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
}
إذا كنت تستخدم أنماط تصميم أخرى، ففكر في وضع منطق عمل محدد بالمجال بشكل مناسب. على سبيل المثال، إذا كنت تستخدم نمط MVVM، وضع منطق الأعمال ذي الصلة بواجهة المستخدم في "النشاط" أو "الجزء" (على سبيل المثال: وعناصر واجهة المستخدم نتيجة النشاط)، والمنطق التشغيلي في نموذج العرض (مثل: والمثيل ومشغلات اتصال الشبكة).
بعد ذلك، استخدِم PayClient
للتحقّق من توفُّر واجهة برمجة التطبيقات:
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
});
}
أخيرًا، استدعِ الطريقة التي حدّدتها للتو في تطبيقك عندما تحتاج إلى تحديد مدى توفّر واجهة برمجة التطبيقات.
التعامل مع البيانات في حال عدم توفُّر واجهة برمجة التطبيقات
وتشمل بعض أسباب عدم توفُّر واجهة برمجة التطبيقات Android أو Google إصدارات "خدمات Play" قديمة أو أنّ "محفظة Google" غير متوفّرة في بلد المستخدم.
في حال عدم توفُّر واجهة برمجة التطبيقات التفكير في إخفاء الزر والعودة إلى عملية دمج مختلفة (على سبيل المثال، باستخدام رابط JWT). تجدر الإشارة إلى أنّ المستخدِم قد يصبح مؤهّلاً لاستخدام واجهة برمجة التطبيقات في المستقبل.
3- إضافة بطاقة "الإضافة إلى محفظة Google" زر
توفر محفظة Google زرًا مألوفًا يمكنك استخدامه لتشغيل يمكنك إضافتها إلى مسار "محفظة Google" في تطبيقك. أصول المتجهات للزر متوفّرة في إرشادات الأزرار
يمكنك استيراد أصول المتجهات في "استوديو Android" ضمن 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" />
يجب أن يبلغ عرض الزر layout_height
من 48 وحدة بكسل مستقلة الكثافة (dp) ويجب ألا يقل عرضه عن 200 بكسل مستقل الكثافة (dp).
4. إضافة بطاقة إلى "محفظة Google" لدى المستخدم
يمكن إضافة 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
.