مشاكل البطاقات في حزمة تطوير البرامج (SDK) لنظام التشغيل Android

بعد إنشاء بطاقة وترميزها باستخدام JWT، تصبح جاهزًا لإصدارها في تطبيق Android. لإجراء ذلك، يجب التأكّد من أنّ Google Wallet API متوفّرة على جهاز المستخدم، واعرض عليه الزر "إضافة إلى محفظة Google"، ثم احفظ البطاقة في "محفظة Google" بعد النقر على الزر.

المتطلبات الأساسية

قبل محاولة إصدار بطاقة، تأكَّد من إكمال ما يلي:

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.4.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) وحدِّد موقع الملف في محرك الأقراص المحلي لاستيراده.

  • زر الإضافة إلى "محفظة Google"
  • زر الإضافة إلى "محفظة Google" مكثّف

الآن، يمكنك استخدام الشكل القابل للرسم المستورد لإضافة الزر إلى واجهة المستخدم الخاصة بك:

    <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 وحدة بكسل مستقلة الكثافة.

4. إضافة بطاقة إلى "محفظة Google" الخاصة بالمستخدم

يمكن إضافة GiftCardObject عن طريق تمرير 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.