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

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

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

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

• أكمل جميع الخطوات في دليل الإعداد .
• أنشئ فئة واحدة على الأقل من فئات البطاقات .
• أنشئ عنصرًا واحدًا على الأقل من عناصر البطاقات.
• شفِّر فئة البطاقات وعنصر البطاقات في رمز JWT.

وضع العرض التوضيحي / البطاقات [للاختبار فقط]

عندما تكون في وضع العرض التوضيحي، سيظهر النص "[للاختبار فقط]" في عنوان جميع البطاقات التي تنشئها. وذلك للتمييز بين البطاقات التجريبية والبطاقات الفعلية. بعد منحك إذن النشر، لن يظهر النص الإضافي في بطاقات "وضع العرض التوضيحي" عندما يعيد المستخدِم فتح تطبيق "محفظة Google" على جهاز متصل.

1- تثبيت حزمة Google Wallet Android SDK

لاستخدام حزمة Google Wallet Android SDK، أضِف 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
}

جافا

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
    }
}

جافا

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".

ملاحظة: إذا كنت تجري عملية الدمج لكلّ من Android والويب، يمكنك إعادة استخدام رمز JWT الموقَّع المطلوب لعملية الدمج على الويب، واستدعاء savePassesJwt بدلاً من savePasses.

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
}

جافا

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
      }
    }
  }
}

جافا

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.