การออกบัตรด้วย Android SDK

เมื่อสร้างบัตรและเข้ารหัสใน JWT แล้ว คุณก็พร้อมที่จะออกบัตรในแอป Android ได้ ในการดำเนินการ คุณจะต้องตรวจสอบว่า Google Wallet API มีให้บริการบนอุปกรณ์ของผู้ใช้หรือไม่ และแสดงปุ่ม "เพิ่มลงใน Google Wallet" ให้กับผู้ใช้ จากนั้นให้บันทึกบัตรลงใน Google Wallet เมื่อแตะปุ่มดังกล่าว

ข้อกำหนดเบื้องต้น

ก่อนที่คุณจะพยายามออกบัตร โปรดตรวจสอบว่าคุณได้ทำสิ่งต่อไปนี้แล้ว

• ทําตามขั้นตอนทั้งหมดในคู่มือการเริ่มต้นใช้งาน
• สร้างชั้นเรียนบัตรอย่างน้อย 1 ชั้นเรียน
• สร้างออบเจ็กต์ Pass อย่างน้อย 1 รายการ
• เข้ารหัสคลาส Passes และออบเจ็กต์ Passes ใน JWT

โหมดสาธิต / บัตรผ่าน [ทดสอบเท่านั้น]

เมื่อคุณยังอยู่ในโหมดสาธิต บัตรทั้งหมดที่คุณสร้างจะมีข้อความเพิ่มเติม "[ทดสอบเท่านั้น]" ในชื่อ เพื่อเป็นการแยกแยะบัตรเดโมกับบัตรผ่านแบบสด เมื่อคุณได้รับสิทธิ์การเผยแพร่แล้ว บัตรผ่านในโหมดสาธิตเหล่านี้จะไม่มีข้อความเพิ่มเติมอีกเมื่อผู้ใช้เปิดแอป Wallet อีกครั้งในอุปกรณ์ที่เชื่อมต่อ

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
}

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 วางตรรกะทางธุรกิจที่เกี่ยวข้องกับ UI ในกิจกรรมหรือส่วนย่อย (เช่น องค์ประกอบ UI ผลลัพธ์กิจกรรม) และตรรกะการดำเนินการในรูปแบบการแสดงผลของคุณ (เช่น ไคลเอ็นต์ อินสแตนซ์ ทริกเกอร์การเรียกเครือข่าย)

จากนั้นใช้ PayClient เพื่อตรวจสอบว่า API พร้อมใช้งานหรือไม่ ดังนี้

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

ขั้นตอนสุดท้าย ให้เรียกใช้เมธอดที่คุณเพิ่งกำหนดไว้ในแอปพลิเคชันเมื่อต้องการทราบความพร้อมใช้งานของ API

จัดการเมื่อ API ไม่พร้อมใช้งาน

สาเหตุที่ API อาจใช้ไม่ได้รวมถึง Android หรือ Google บริการ Google Play เป็นเวอร์ชันเก่า หรือ Google Wallet เป็นเวอร์ชันเก่า ไม่พร้อมใช้งานในประเทศของผู้ใช้

หาก API ไม่พร้อมใช้งาน ลองซ่อนปุ่มและกลับไปใช้การผสานรวมอื่น (เช่น โดยใช้ลิงก์ JWT) โปรดทราบว่าผู้ใช้อาจมีสิทธิ์ใช้ API นี้ในอนาคต

3. เพิ่มลิงก์ "เพิ่มลงใน Google Wallet" ปุ่ม

Google Wallet มีปุ่มที่คุ้นเคยซึ่งคุณสามารถใช้เพื่อทริกเกอร์ เพิ่มลงในขั้นตอน Google Wallet ในแอปพลิเคชันของคุณ องค์ประกอบเวกเตอร์ของปุ่ม มีให้บริการใน หลักเกณฑ์ของปุ่ม

เคล็ดลับ: ตรวจสอบว่าใส่เฉพาะกราฟิกสำหรับการกำหนดค่าที่รองรับเท่านั้น

คุณนำเข้าเนื้อหาเวกเตอร์ใน 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" />

ปุ่มมี layout_height ของ 48 dp และต้องมีความกว้างอย่างน้อย 200 dp

4. เพิ่มบัตรลงใน Google Wallet ของผู้ใช้

คุณเพิ่ม GenericObject ได้โดยส่ง JWT ที่ไม่มีการรับรองไปยังเมธอด savePasses คุณสามารถเริ่มการดำเนินการเพิ่มได้จากการคลิก Google Wallet

หมายเหตุ: หากกำลังผสานรวมสำหรับทั้ง 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
}

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