最近在專案中原生化支付模組，由於專案是面向美國加拿大使用者的，所以需要整合Paypal支付和信用卡支付。本人菜鳥一個，第一次做專案，就被安排完成支付模組，我也是很無語啊，沒辦法，只能硬著頭皮上啊。經過閱讀文件，不斷測試，最終成功了！！！（鼓掌）

今天主要講一下信用卡和Paypal支付兩部分。

一.信用卡

信用卡需要自己定義UI，所以輸入信用卡資訊都是自己處理。信用卡資訊的獲取分為手動填寫和掃描獲取。

1. 手動填寫

信用卡賬號輸入處理：

/**
     * 信用卡號每隔四位加入一個空格
     */
    private TextWatcher mCreditCardNumWatcher = new
 
 TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {

        }

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            modifyCardIcon(s.toString().replace(" ", ""));
            if
 
 (TextUtils.isEmpty(s)) {
                return;
            }
            //判斷是否是在中間輸入，需要重新計算
            boolean isMiddle = (start + count) < (s.length());
            //在末尾輸入時，是否需要加入空格
            boolean isNeedSpace = false;
            if (!isMiddle && s.length() > 0 && s.length() % 5
 
 == 0) {
                isNeedSpace = true;
            }
            if (isMiddle || isNeedSpace || count > 1) {
                String newStr = s.toString();
                newStr = newStr.replace(" ", "");
                StringBuilder sb = new StringBuilder();
                for (int i = 0; i < newStr.length(); i += 4) {
                    if (i > 0) {
                        sb.append(" ");
                    }
                    if (i + 4 <= newStr.length()) {
                        sb.append(newStr.substring(i, i + 4));
                    } else {
                        sb.append(newStr.substring(i, newStr.length()));
                    }
                }
                mCreditCardNum.removeOnTextChangedListener(this);
                mCreditCardNum.setText(sb);
                //如果是在末尾的話,或者加入的字元個數大於零的話（輸入或者貼上）
                if (!isMiddle || count > 1) {
                    mCreditCardNum.setSelection(sb.length());
                } else if (isMiddle) {
                    //如果是刪除
                    if (count == 0) {
                        //如果刪除時，游標停留在空格的前面，游標則要往前移一位
                        if ((start - before + 1) % 5 == 0) {
                            mCreditCardNum.setSelection((start - before) > 0 ? start - before : 0);
                        } else {
                            mCreditCardNum.setSelection((start - before + 1) > sb.length() ? sb.length() : (start - before + 1));
                        }
                    }
                    //如果是增加
                    else {
                        if ((start - before + count) % 5 == 0) {
                            mCreditCardNum.setSelection((start + count - before + 1) < sb.length() ? (start + count - before + 1) : sb.length());
                        } else {
                            mCreditCardNum.setSelection(start + count - before);
                        }
                    }
                }
                mCreditCardNum.addOnTextChangedListener(this);
            }
        }

        @Override
        public void afterTextChanged(Editable s) {

        }
    };

信用卡有效期輸入處理：

/**
     * 有效期的格式為MM/YY
     */
    private TextWatcher mCreditCardExpirationDateWatcher = new TextWatcher() {
        String beforeTC;

        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {
            beforeTC = s.toString();
        }

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            String currentInputDesc = "";
            //插入
            if (count != 0) {
                String temp = s.toString();
                if (temp.length() >= 1) {
                    currentInputDesc = temp.charAt(temp.length() - 1) + "";
                }
                if (ZERO.equals(beforeTC)) {
                    if (ZERO.equals(currentInputDesc)) {
                        // 第一位是零,輸入的數字也是零,則設定為0
                        mCreditCardExpirationDate.setText(ZERO);
                        mCreditCardExpirationDate.setSelection(ZERO.length());
                    } else {
                        // 第一位是零,輸入的數字不是零,補全斜槓
                        String aTemp = s.toString() + BACK_SLASH;
                        mCreditCardExpirationDate.setText(aTemp);
                        mCreditCardExpirationDate.setSelection(aTemp.length());
                    }
                }
                if (ONE.equals(beforeTC)) {
                    // 之前等於1
                    if (currentInputDesc.equals(ZERO)
                            || currentInputDesc.equals(ONE)
                            || currentInputDesc.equals(TWO)) {
                        // 並且輸入的第二位數字滿足 0,1,2月份要求
                        String aTemp = ONE + currentInputDesc + BACK_SLASH;
                        mCreditCardExpirationDate.setText(aTemp);
                        mCreditCardExpirationDate.setSelection(aTemp.length());
                    } else {
                        mCreditCardExpirationDate.setText(ONE);
                        mCreditCardExpirationDate.setSelection(ONE.length());
                    }
                }
                if (TextUtils.isEmpty(beforeTC)) {
                    temp = temp.replaceAll("/", "");
                    if (temp.length() == 1) {
                        //輸入
                        if (!currentInputDesc.equals(ZERO)
                                && !currentInputDesc.equals(ONE)) {
                            // 直接輸入數字
                            String aTemp = ZERO + s.toString() + BACK_SLASH;
                            mCreditCardExpirationDate.setText(aTemp);
                            mCreditCardExpirationDate.setSelection(aTemp.length());
                        }
                    } else if (temp.length() > 1) {
                        String firstChar = temp.charAt(0) + "";
                        if (!firstChar.equals(ZERO) && !firstChar.equals(ONE)) {
                            temp = ZERO + temp;
                        }
                        temp = temp.substring(0, 2) + "/" + temp.substring(2, temp.length());
                        mCreditCardExpirationDate.setText(temp);
                        if (temp.length() > 5) {
                            mCreditCardExpirationDate.setSelection(5);
                        } else {
                            mCreditCardExpirationDate.setSelection(temp.length());
                        }
                    }
                }
            } else { //刪除
                int selectionStart = mCreditCardExpirationDate.getSelectionStart();
                int textLength = mCreditCardExpirationDate.getText().length();
                // 判斷游標有沒有移動,移動的話不刪除文字,
                if (selectionStart != textLength) {
                    mCreditCardExpirationDate.setText(beforeTC);
                    mCreditCardExpirationDate
                            .setSelection(mCreditCardExpirationDate.getText().length());
                } else {
                    // 如果在最後,則刪除
                    mCreditCardExpirationDate.setSelection(s.toString().length());
                    if (s.length() == 2) {
                        // 當只剩下三個字元的時候一下刪除兩個字元
                        int index = mCreditCardExpirationDate.getSelectionStart();
                        Editable editable = mCreditCardExpirationDate.getText();
                        editable.delete(index - 1, index);
                    }
                }
            }
        }

        @Override
        public void afterTextChanged(Editable s) {

        }
    };

2.掃描獲取

• SDK要求：
  Android SDK版本16（Android 4.1）或更高版本。

• 整合過程：

  1. 在你的build.gradle：

     compile 'io.card:android-sdk:5.5.1'

  2. 首先，我們假設你要從一個按鈕啟動掃描器，並且已經onClick在佈局XML中通過設定按鈕的處理器android:onClick=”onScanPress”。然後，新增方法如下：

     public void onScanPress(View v) {
         Intent scanIntent = new Intent(this, CardIOActivity.class);
     
         // customize these values to suit your needs.
         scanIntent.putExtra(CardIOActivity.EXTRA_REQUIRE_EXPIRY, true); // default: false
         scanIntent.putExtra(CardIOActivity.EXTRA_REQUIRE_CVV, false); // default: false
         scanIntent.putExtra(CardIOActivity.EXTRA_REQUIRE_POSTAL_CODE, false); // default: false
     
         // MY_SCAN_REQUEST_CODE is arbitrary and is only used within this activity.
         startActivityForResult(scanIntent, MY_SCAN_REQUEST_CODE);
     }

  3. 接下來，我們將覆蓋onActivityResult()獲取掃描結果。

     @Override
     protected void onActivityResult(int requestCode, int resultCode, Intent data) {
     super.onActivityResult(requestCode, resultCode, data);
     
     if (requestCode == MY_SCAN_REQUEST_CODE) {
         String resultDisplayStr;
         if (data != null && data.hasExtra(CardIOActivity.EXTRA_SCAN_RESULT)) {
             CreditCard scanResult = data.getParcelableExtra(CardIOActivity.EXTRA_SCAN_RESULT);
     
             // Never log a raw card number. Avoid displaying it, but if necessary use getFormattedCardNumber()
             resultDisplayStr = "Card Number: " + scanResult.getRedactedCardNumber() + "\n";
     
             // Do something with the raw number, e.g.:
             // myService.setCardNumber( scanResult.cardNumber );
     
             if (scanResult.isExpiryValid()) {
                 resultDisplayStr += "Expiration Date: " + scanResult.expiryMonth + "/" + scanResult.expiryYear + "\n";
             }
     
             if (scanResult.cvv != null) {
                 // Never log or display a CVV
                 resultDisplayStr += "CVV has " + scanResult.cvv.length() + " digits.\n";
             }
     
             if (scanResult.postalCode != null) {
                 resultDisplayStr += "Postal Code: " + scanResult.postalCode + "\n";
             }
         }
         else {
             resultDisplayStr = "Scan was canceled.";
         }
         // do something with resultDisplayStr, maybe display it in a textView
         // resultTextView.setText(resultDisplayStr);
     }
     // else handle other activity results
     }

     
     信用卡的整個過程還是比較簡單的，就不做過多的描述。

二.Paypal

今天的重點來了，Paypal支付，廢話不多說，直接進入主題。
我們專案中使用的是Braintree支付，這裡要來講一下Braintree和Paypal的區別與聯絡：

支付閘道器（Payment Gateway）是在商戶的線上商城網站和商戶的銀行收款賬戶之間，搭建一個加密的支付資訊通道，以便安全地將消費者通過瀏覽器在網站上購買時所輸入的賬戶資訊（如信用卡、姓名等）安全地傳輸到銀行端，並將付款行的授權返回給收款行。Braintree就是支付閘道器。

支付處理系統（Processor）是連結消費者賬戶銀行和商戶收款銀行之間的交易系統，確保交易資金可以順利地從消費者付款行賬戶進入到商戶的收款行賬戶。Paypal就是支付管理系統。

具體的怎麼操作就不用管了，這是他們後臺支付的問題。不需要我們來處理。現在來看一下Braintree的支付流程：

1. 客戶端向伺服器請求Token
2. 伺服器生成併發送Token給客戶端， 發起支付請求
3. BrainTree返回支付資訊Nonce給客戶端
4. 客戶端傳送Nonce給伺服器
5. 收到Nonce後， 伺服器帶著Nonce去BrainTree進行支付

重點來了，整合：

SDK要求：Android API >= 16

1. 安裝

1. 在你的build.gradle，新增以下內容：

   dependencies {
     compile 'com.braintreepayments.api:braintree:2.+'
   }

2. 對於PayPal，必須將URL方案定義為接受返回瀏覽器開關。編輯你AndroidManifest.xml的包含BraintreeBrowserSwitchActivity並設定android:scheme：

   <activity android:name="com.braintreepayments.api.BraintreeBrowserSwitchActivity"
       android:launchMode="singleTask">
       <intent-filter>
           <action android:name="android.intent.action.VIEW" />
           <category android:name="android.intent.category.DEFAULT" />
           <category android:name="android.intent.category.BROWSABLE" />
           <data android:scheme="${applicationId}.braintree" />
       </intent-filter>
   </activity> 

2. 初始化

設定BraintreeFragment只是一個呼叫BraintreeFragment.newInstance(activity, authorization)與當前Activity和客戶端令牌。

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    try {
      mBraintreeFragment = BraintreeFragment.newInstance(this, mAuthorization);
      // mBraintreeFragment is ready to use!
    } catch (InvalidArgumentException e) {
      // There was an issue with your authorization string.
    }
}

這個方法將會：

• 準備一個BraintreeFragment。
• 新增BraintreeFragment到給定的活動。
• 檢查給定mAuthorization字串的有效性。

註冊監聽事件：

1. PaymentMethodNonceCreatedListener當a PaymentMethodNonce被成功標記時被呼叫。從這傳送nonce PaymentMethodNonce到你的伺服器來建立一個事務。

   @Override
   public void onPaymentMethodNonceCreated(PaymentMethodNonce paymentMethodNonce) {
     // Send this nonce to your server
     String nonce = paymentMethodNonce.getNonce();
   }

2. BraintreeCancelListener在BraintreeFragment被通知Activity#RESULT_CANCELED結果程式碼時被呼叫Fragment#onActivityResult。

   @Override
   public void onCancel(int requestCode) {
     // Use this to handle a canceled activity, if the given requestCode is important.
     // You may want to use this callback to hide loading indicators, and prepare your UI for input
   }

3. BraintreeErrorListener在出現錯誤時呼叫。ErrorWithResponse在請求發生驗證錯誤時呼叫。Exception在發生網路問題或伺服器錯誤等錯誤時引發。

   @Override
   public void onError(Exception error) {
     if (error instanceof ErrorWithResponse) {
       ErrorWithResponse errorWithResponse = (ErrorWithResponse) error;
       BraintreeError cardErrors = errorWithResponse.errorFor("creditCard");
       if (cardErrors != null) {
         // There is an issue with the credit card.
         BraintreeError expirationMonthError = cardErrors.errorFor("expirationMonth");
         if (expirationMonthError != null) {
           // There is an issue with the expiration month.
           setErrorMessage(expirationMonthError.getMessage());
         }
       }
     }
   }

3.從伺服器獲取 Client Token

您的伺服器負責生成客戶端令牌，其中包含您的客戶端初始化客戶端SDK所需的授權和配置詳細資訊。

從您的伺服器請求客戶端令牌，然後初始化Braintree並提供下拉式UI（本示例使用Android非同步Http客戶端從伺服器請求客戶端令牌 - 適應您自己的設定）：

AsyncHttpClient client = new AsyncHttpClient();
client.get("https://your-server/client_token", new TextHttpResponseHandler() {
    @Override
    public void onSuccess(int statusCode, Header[] headers, String clientToken) {
        this.clientToken = clientToken;
    }
});

4.Paypal 配置

一次性結賬是使用PayPal建立單個交易的簡單方法。首先，確保你已經定義了你的URL方案。然後，PayPal.requestOneTimePayment用來開始這個過程。一個示例整合可能如下所示：

public void setupBraintreeAndStartExpressCheckout() {
    PayPalRequest request = new PayPalRequest("1")
        .currencyCode("USD")
        .intent(PayPalRequest.INTENT_AUTHORIZE);
    PayPal.requestOneTimePayment(mBraintreeFragment, request);
}

支付事件的監聽：

yourButton.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
      setupBraintreeAndStartExpressCheckout();
    }
});

當您收到回撥時onPaymentMethodNonceCreated，您可以查詢PayPalAccountNonce您返回的物件以獲取特定的客戶資訊。

@Override
public void onPaymentMethodNonceCreated(PaymentMethodNonce paymentMethodNonce) {
    // Send nonce to server
    String nonce = paymentMethodNonce.getNonce();

}

5.傳送Nonce到伺服器

將生成的付款方式隨機數傳送到您的伺服器：

void postNonceToServer(String nonce) {
  AsyncHttpClient client = new AsyncHttpClient();
  RequestParams params = new RequestParams();
  params.put("payment_method_nonce", nonce);
  client.post("http://your-server/checkout", params,
    new AsyncHttpResponseHandler() {
      // Your implementation here
    }
  );
}

好吧，整個流程完了。開始的時候不瞭解，踩了很多坑。國內也沒有完整的教程，所以就自己做的過程整理了一下。第一次寫，寫的不好，請大家多多包涵。