Como fornecer dados de contato e de envio de um app de pagamento para Android

Como atualizar seu app de pagamento Android para fornecer o endereço de entrega e os dados de contato do pagador com as APIs Web Payments.

Sahel Sharify
Sahel Sharify

Inserir o endereço de entrega e os dados de contato por meio de um formulário da Web pode ser uma experiência complicada para os clientes. Isso pode causar erros e diminuir a taxa de conversão.

É por isso que a API Payment Request oferece suporte a um recurso para solicitar o endereço de entrega e informações de contato. Isso oferece vários benefícios:

  • Os usuários podem escolher o endereço certo com apenas alguns toques.
  • O endereço é sempre retornado no formato padronizado.
  • É menos provável que você envie um endereço incorreto.

Os navegadores podem adiar a coleta de endereço de entrega e informações de contato para um app de pagamento e oferecer uma experiência de pagamento unificada. Essa funcionalidade é chamada de delegação.

Sempre que possível, o Chrome delega a coleta do endereço de entrega e dos dados de contato de um cliente ao app de pagamento para Android invocado. A delegação reduz o atrito na finalização da compra.

O site do comerciante pode atualizar dinamicamente as opções de frete e o preço total, dependendo da escolha do cliente de endereço de entrega e opção de frete.

Mudança de opção e endereço de entrega em ação. Confira como isso afeta as opções de frete e o preço total de forma dinâmica.

Para adicionar suporte à delegação a um app de pagamento para Android já existente, implemente as seguintes etapas:

  1. Declare as delegações compatíveis.
  2. Analise os extras da intent PAY para as opções de pagamento necessárias.
  3. Forneça as informações necessárias na resposta ao pagamento.
  4. [Opcional] Suporte a fluxo dinâmico:
    1. Notificar o comerciante sobre mudanças na forma de pagamento, endereço de entrega ou opção de envio selecionada pelo usuário.
    2. Receber detalhes de pagamento atualizados do comerciante, como o valor total ajustado com base no custo da opção de frete selecionada.

Declarar delegações compatíveis

O navegador precisa saber a lista de informações adicionais que o app de pagamento pode fornecer para delegar a coleta dessas informações ao app. Declare as delegações compatíveis como <meta-data> no AndroidManifest.xml do app.

<activity
  android:name=".PaymentActivity"
    <meta-data
    android:name="org.chromium.payment_supported_delegations"
    android:resource="@array/supported_delegations" />
</activity>

<resource> precisa ser uma lista de strings escolhidas entre os seguintes valores válidos:

[ "payerName", "payerEmail", "payerPhone", "shippingAddress" ]

O exemplo a seguir só pode fornecer um endereço de entrega e o endereço de e-mail do pagador.

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <string-array name="supported_delegations">
    <item>payerEmail</item>
    <item>shippingAddress</item>
  </string-array>
</resources>

Analisar os extras da intent PAY para as opções de pagamento necessárias

O comerciante pode especificar outras informações obrigatórias usando o dicionário paymentOptions. O Chrome vai fornecer a lista de opções necessárias que seu app pode fornecer transmitindo os seguintes parâmetros para a atividade PAY como extras de intent.

paymentOptions

paymentOptions é o subconjunto de opções de pagamento especificadas pelo comerciante para as quais o app declarou suporte à delegação.

val paymentOptions: Bundle? = extras.getBundle("paymentOptions")
val requestPayerName: Boolean? = paymentOptions?.getBoolean("requestPayerName")
val requestPayerPhone: Boolean? = paymentOptions?.getBoolean("requestPayerPhone")
val requestPayerEmail: Boolean? = paymentOptions?.getBoolean("requestPayerEmail")
val requestShipping: Boolean? = paymentOptions?.getBoolean("requestShipping")
val shippingType: String? = paymentOptions?.getString("shippingType")

Ele pode incluir os seguintes parâmetros:

  • requestPayerName: o booleano que indica se o nome do pagador é obrigatório ou não.
  • requestPayerPhone: o booleano que indica se o smartphone do pagador é obrigatório.
  • requestPayerEmail: o booleano que indica se o e-mail do pagador é necessário.
  • requestShipping: o booleano que indica se as informações de frete são necessárias.
  • shippingType: a string que mostra o tipo de frete. O tipo de frete pode ser "shipping", "delivery" ou "pickup". O app pode usar essa dica na interface ao solicitar o endereço do usuário ou a escolha de opções de frete.

shippingOptions

shippingOptions é a matriz fracionável de opções de envio especificadas pelo comerciante. Esse parâmetro só vai existir quando paymentOptions.requestShipping == true.

val shippingOptions: List<ShippingOption>? =
    extras.getParcelableArray("shippingOptions")?.mapNotNull {
        p -> from(p as Bundle)
    }

Cada opção de envio é um Bundle com as chaves a seguir.

  • id: o identificador da opção de frete.
  • label: o rótulo da opção de envio mostrado ao usuário.
  • amount: o pacote de custo de frete que contém as chaves currency e value com valores de string.
  • selected: indica se a opção de frete precisa ser selecionada quando o app de pagamento mostra as opções de frete.

Todas as chaves, exceto selected, têm valores de string. selected tem um valor booleano.

val id: String = bundle.getString("id")
val label: String = bundle.getString("label")
val amount: Bundle = bundle.getBundle("amount")
val selected: Boolean = bundle.getBoolean("selected", false)

Fornecer as informações necessárias em uma resposta de pagamento

Seu app precisa incluir as informações adicionais necessárias na resposta à atividade PAY.

Para fazer isso, os seguintes parâmetros precisam ser especificados como extras de intents:

  • payerName: o nome completo do pagador. Precisa ser uma string não vazia quando paymentOptions.requestPayerName for verdadeiro.
  • payerPhone: o número de telefone do pagador. Precisa ser uma string não vazia quando paymentOptions.requestPayerPhone for verdadeiro.
  • payerEmail: endereço de e-mail do pagador. Precisa ser uma string não vazia quando paymentOptions.requestPayerEmail for verdadeiro.
  • shippingAddress: o endereço de entrega fornecido pelo usuário. Ele precisa ser um pacote não vazio quando paymentOptions.requestShipping é verdadeiro. O pacote precisa ter as seguintes chaves, que representam partes diferentes em um endereço físico.
    • city
    • countryCode
    • dependentLocality
    • organization
    • phone
    • postalCode
    • recipient
    • region
    • sortingCode
    • addressLine Todas as chaves, exceto addressLine, têm valores de string. O addressLine é uma matriz de strings.
  • shippingOptionId: o identificador da opção de frete selecionada pelo usuário. Ela precisa ser uma string que não esteja vazia quando paymentOptions.requestShipping for verdadeiro.

Validar a resposta de pagamento

Se o resultado da atividade de uma resposta de pagamento recebida do app de pagamento invocado estiver definido como RESULT_OK, o Chrome verificará as informações adicionais necessárias nos extras. Se a validação falhar, o Chrome vai retornar uma promessa rejeitada de request.show() com uma das seguintes mensagens de erro para desenvolvedores:

'Payment app returned invalid response. Missing field "payerEmail".'
'Payment app returned invalid response. Missing field "payerName".'
'Payment app returned invalid response. Missing field "payerPhone".'
'Payment app returned invalid shipping address in response.'
'... is not a valid CLDR country code, should be 2 upper case letters [A-Z]'
'Payment app returned invalid response. Missing field "shipping option".'

O exemplo de código a seguir é um exemplo de resposta válida:

fun Intent.populateRequestedPaymentOptions() {
    if (requestPayerName) {
        putExtra("payerName", "John Smith")
    }
    if (requestPayerPhone) {
        putExtra("payerPhone", "4169158200")
    }
    if (requestPayerEmail) {
        putExtra("payerEmail", "john.smith@gmail.com")
    }
    if(requestShipping) {
        val address: Bundle = Bundle()
        address.putString("countryCode", "CA")
        val addressLines: Array<String> =
                arrayOf<String>("111 Richmond st. West")
        address.putStringArray("addressLines", addressLines)
        address.putString("region", "Ontario")
        address.putString("city", "Toronto")
        address.putString("postalCode", "M5H2G4")
        address.putString("recipient", "John Smith")
        address.putString("phone", "4169158200")
        putExtra("shippingAddress", address)
        putExtra("shippingOptionId", "standard")
    }
}

Opcional: oferecer suporte a fluxo dinâmico

Às vezes, o custo total de uma transação aumenta, como quando o usuário escolhe a opção de frete expresso ou quando a lista de opções de frete disponíveis ou os preços mudam quando o usuário escolhe um endereço de entrega internacional. Quando o app fornece o endereço ou a opção de entrega selecionado pelo usuário, ele pode notificar o comerciante sobre alterações de endereço ou opção de entrega e mostrar ao usuário os detalhes de pagamento atualizados fornecidos por ele.

AIDL

Para notificar o comerciante sobre novas mudanças, use o serviço PaymentDetailsUpdateService declarado no AndroidManifest.xml do Chrome. Para usar esse serviço, crie dois arquivos AIDL com o seguinte conteúdo:

app/src/main/aidl/org/chromium/components/payments/IPaymentDetailsUpdateService

package org.chromium.components.payments;
import android.os.Bundle;

interface IPaymentDetailsUpdateServiceCallback {
    oneway void updateWith(in Bundle updatedPaymentDetails);

    oneway void paymentDetailsNotUpdated();
}

app/src/main/aidl/org/chromium/components/payments/IPaymentDetailsUpdateServiceCallback

package org.chromium.components.payments;
import android.os.Bundle;
import org.chromium.components.payments.IPaymentDetailsUpdateServiceCallback;

interface IPaymentDetailsUpdateService {
    oneway void changePaymentMethod(in Bundle paymentHandlerMethodData,
            IPaymentDetailsUpdateServiceCallback callback);

    oneway void changeShippingOption(in String shippingOptionId,
            IPaymentDetailsUpdateServiceCallback callback);

    oneway void changeShippingAddress(in Bundle shippingAddress,
            IPaymentDetailsUpdateServiceCallback callback);
}

Notificar o comerciante sobre mudanças na forma de pagamento, no endereço de entrega ou na opção de envio selecionada pelo usuário

private fun bind() {
    // The action is introduced in Chrome version 92, which supports the service in Chrome
    // and other browsers (e.g., WebLayer).
    val newIntent = Intent("org.chromium.intent.action.UPDATE_PAYMENT_DETAILS")
        .setPackage(callingBrowserPackage)
    if (packageManager.resolveService(newIntent, PackageManager.GET_RESOLVED_FILTER) == null) {
        // Fallback to Chrome-only approach.
        newIntent.setClassName(
            callingBrowserPackage,
            "org.chromium.components.payments.PaymentDetailsUpdateService")
        newIntent.action = IPaymentDetailsUpdateService::class.java.name
    }
    isBound = bindService(newIntent, connection, Context.BIND_AUTO_CREATE)
}

private val connection = object : ServiceConnection {
    override fun onServiceConnected(className: ComponentName, service: IBinder) {
        val service = IPaymentDetailsUpdateService.Stub.asInterface(service)
        try {
            if (isOptionChange) {
                service?.changeShippingOption(selectedOptionId, callback)
            } else (isAddressChange) {
                service?.changeShippingAddress(selectedAddress, callback)
            } else {
                service?.changePaymentMethod(methodData, callback)
            }
        } catch (e: RemoteException) {
            // Handle the remote exception
        }
    }
}

O callingPackageName usado para a intent de início do serviço pode ter um dos seguintes valores, dependendo do navegador que iniciou a solicitação de pagamento.

Canal do Chrome Nome do pacote
Estável "com.android.chrome"
Beta "com.chrome.beta"
Dev "com.chrome.dev"
Canary "com.chrome.canary"
Chromium "org.chromium.chrome"
Caixa de pesquisa rápida do Google (um invólucro da WebLayer) "com.google.android.googlequicksearchbox"

changePaymentMethod

Notifica o comerciante sobre mudanças na forma de pagamento selecionada pelo usuário. O pacote paymentHandlerMethodData contém chaves methodName e details opcionais com valores de string. O Chrome vai verificar se há um pacote não vazio com um methodName não vazio e enviar um updatePaymentDetails com uma das seguintes mensagens de erro por callback.updateWith se a validação falhar.

'Method data required.'
'Method name required.'

changeShippingOption

Notifica o comerciante sobre mudanças na opção de frete selecionada pelo usuário. shippingOptionId precisa ser o identificador de uma das opções de envio especificadas pelo comerciante. O Chrome vai verificar se há um shippingOptionId não vazio e enviar um updatePaymentDetails com a seguinte mensagem de erro via callback.updateWith se a validação falhar.

'Shipping option identifier required.'

changeShippingAddress

Notifica o comerciante sobre mudanças no endereço de entrega fornecido pelo usuário. O Chrome vai verificar se há um pacote shippingAddress não vazio com um countryCode válido e enviar um updatePaymentDetails com a seguinte mensagem de erro via callback.updateWith se a validação falhar.

'Payment app returned invalid shipping address in response.'

Mensagem de erro de estado inválido

Se o Chrome encontrar um estado inválido ao receber qualquer uma das solicitações de mudança, ele vai chamar callback.updateWith com um pacote updatePaymentDetails encoberto. O pacote conterá apenas a chave error com "Invalid state". Exemplos de um estado inválido:

  • Quando o Chrome ainda está aguardando a resposta do comerciante a uma mudança anterior, como um evento de mudança em andamento.
  • O identificador da opção de envio fornecido pelo aplicativo de pagamento não pertence a nenhuma das opções de envio especificadas pelo comerciante.

Receber detalhes de pagamento atualizados do comerciante

private fun unbind() {
    if (isBound) {
        unbindService(connection)
        isBound = false
    }
}

private val callback: IPaymentDetailsUpdateServiceCallback =
    object : IPaymentDetailsUpdateServiceCallback.Stub() {
        override fun paymentDetailsNotUpdated() {
            // Payment request details have not changed.
            unbind()
        }

        override fun updateWith(updatedPaymentDetails: Bundle) {
            newPaymentDetails = updatedPaymentDetails
            unbind()
        }
    }

updatePaymentDetails é o pacote equivalente ao dicionário PaymentRequestDetailsUpdate WebIDL (depois de redigir o campo modifiers) e contém as seguintes chaves opcionais:

  • total: um pacote que contém as chaves currency e value. Ambas as chaves têm valores de string.
  • shippingOptions: a matriz fracionável de opções de frete
  • error: uma string que contém uma mensagem de erro genérica (por exemplo, quando changeShippingOption não fornece um identificador de opção de frete válido)
  • stringifiedPaymentMethodErrors: uma string JSON que representa erros de validação para o método de pagamento.
  • addressErrors: um pacote com chaves opcionais idênticas aos valores de string e endereço de envio. Cada chave representa um erro de validação relacionado à parte correspondente do endereço de entrega.

Uma chave ausente significa que o valor dela não mudou.