image

前言

移動(dòng)支付其實(shí)是非常簡(jiǎn)單的，因?yàn)橹灰凑盏谌降奈臋n來(lái)就行了，所以在本次分享中，其實(shí)更像是一次開(kāi)發(fā)的紀(jì)要，當(dāng)然也有一些看點(diǎn)。做過(guò)支付的人都知道支付的難點(diǎn)其實(shí)是在第三方文檔和demo上（集中體現(xiàn)文檔陳舊、demo容易誤導(dǎo)人、槽點(diǎn)太多），那就不得不先來(lái)吐槽下微信的開(kāi)發(fā)文檔和示例，我相信大部分人都被坑過(guò)，沒(méi)有對(duì)比就沒(méi)有傷害，相對(duì)而言，支付寶的的文檔就好很多，下面我先說(shuō)重點(diǎn)再談支付流程。

開(kāi)發(fā)優(yōu)化要點(diǎn)

• 微信回調(diào)返回當(dāng)前頁(yè)面部分機(jī)型會(huì)產(chǎn)生一閃而過(guò)的黑屏現(xiàn)象，測(cè)試機(jī)型三星S8，解決方案為在微信回調(diào)頁(yè)面增加透明主題，如下：

    <!--解決微信支付回調(diào)部分機(jī)型黑屏閃爍的問(wèn)題-->
    <style name="wxPayTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowNoTitle">true</item>
    </style>
    
    <!--回調(diào)頁(yè)面WXPayEntryActivity關(guān)閉finish的時(shí)候增加-->
     overridePendingTransition(0, 0);
    
    <!--回調(diào)頁(yè)面WXPayEntryActivity配置-->
     <activity
            android:name=".wxapi.WXPayEntryActivity"
            android:configChanges="orientation|screenSize"
            android:exported="true"
            android:launchMode="singleTop"
            android:theme="@style/wxPayTheme"
            android:windowSoftInputMode="adjustPan|stateAlwaysHidden" />
    
     <!--另外一種解決方案-->
     android:launchMode="singleTop"改為android:launchMode="singleInstance"
     建議優(yōu)先采取第一種方案，該方案作為備選，畢竟微信推薦使用"singleTop"啟動(dòng)模式。

• DialogFragment內(nèi)存泄漏問(wèn)題，google雖然推薦使用DialogFragment替代Dialog，但是內(nèi)存泄漏問(wèn)題并未解決，試過(guò)很多方案，并未完美解決泄漏問(wèn)題，故更改使用Activity結(jié)合動(dòng)畫(huà)實(shí)現(xiàn)底部支付彈窗的效果。

 <!--底部彈框支付Activity主題樣式-->
    <style name="PayTranslucentTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowAnimationStyle">@null</item>
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowNoTitle">true</item> <!-- 無(wú)標(biāo)題 -->
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:backgroundDimEnabled">true</item><!-- 半透明 -->
    </style>
    
<!-- R.anim.push_bottom_in 進(jìn)入動(dòng)畫(huà)-->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="300"
        android:fromYDelta="100%p"
        android:toYDelta="0" />
</set>

<!-- R.anim.push_bottom_out 淡出動(dòng)畫(huà)-->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="300"
        android:fromYDelta="0"
        android:toYDelta="100%p" />
</set>

<!-- R.anim.push_bottom_silent 原點(diǎn)-->
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="300"
    android:fromYDelta="0"
    android:toYDelta="0" />
    
<!-- 底部彈框-->
startActivity(intent);
overridePendingTransition(R.anim.push_bottom_in,R.anim.push_bottom_silent);

<!-- 關(guān)閉底部彈框-->
finish();
overridePendingTransition(R.anim.push_bottom_silent,R.anim.push_bottom_out);

<!-- 實(shí)現(xiàn)透明狀態(tài)欄-->
setContentView(R.layout.activity_dialog_pay_custom);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    getWindow().setStatusBarColor(Color.TRANSPARENT);
    }

效果圖

image

微信支付

流程

image

• 客戶(hù)端App選擇購(gòu)買(mǎi)的商品后，選擇微信支付，接口請(qǐng)求服務(wù)器，服務(wù)器此時(shí)需要生成預(yù)支付訂單（調(diào)用微信統(tǒng)一下單接口），其中返回的參數(shù)便是我們調(diào)起微信支付所需要的參數(shù)。（統(tǒng)一下單）
• 客戶(hù)端拿到服務(wù)器返回的預(yù)支付訂單參數(shù)，通過(guò)微信SDK調(diào)起微信支付頁(yè)面
• 客戶(hù)端收到微信支付的狀態(tài)回調(diào)
• 通過(guò)服務(wù)器查詢(xún)支付訂單的狀態(tài)，注意：以服務(wù)器查詢(xún)的結(jié)果為準(zhǔn)，不要使用微信返回給客戶(hù)端的支付狀態(tài)作為支付依據(jù)。（訂單查詢(xún)）

集成

• 微信開(kāi)放平臺(tái)注冊(cè)及配置

image

• 注冊(cè)APPID

 IWXAPI api = WXAPIFactory.createWXAPI(this, APP_ID);

• 調(diào)用SDK發(fā)起支付

  /**
     * 微信支付
     *
     * @param payInfo 預(yù)支付信息
     */
    private void wechatPay(final String payInfo) {
        try {
            JSONObject json = new JSONObject(payInfo);
            if (!json.has("retcode")) {
                PayReq req = new PayReq();
                // 測(cè)試用appId
                req.appId = APP_ID;
//                req.appId = json.getString("appid");
                req.partnerId = json.getString("partnerid");
                req.prepayId = json.getString("prepayid");
                req.nonceStr = json.getString("noncestr");
                req.timeStamp = json.getString("timestamp");
                req.packageValue = json.getString("package");
                req.sign = json.getString("sign");
                req.extData = "app data";
                Toast.makeText(PayDialogActivity.this, "正常調(diào)起支付", Toast.LENGTH_SHORT).show();
                // 在支付之前，如果應(yīng)用沒(méi)有注冊(cè)到微信，應(yīng)該先調(diào)用IWXMsg.registerApp將應(yīng)用注冊(cè)到微信
                api.sendReq(req);
            }
        } catch (JSONException e) {
            e.printStackTrace();
            showToast(this, "異常：" + e.getMessage());
        }
    }

• 微信回調(diào)界面
  1.目錄結(jié)構(gòu)配置，需要在包名下新建wxapi目錄，并增加回調(diào)界面WXPayEntryActivity，如下圖：
  
  image
  
  2.回調(diào)界面示例

/**
 * @author hule
 * @date 2019/7/29 15:58
 * description: 微信支付回調(diào)
 */
public class WXPayEntryActivity extends Activity implements IWXAPIEventHandler {
    private IWXAPI api;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //此處如果需要顯示界面需要設(shè)置setContentView();
        //一般情況下會(huì)都不會(huì)去設(shè)置界面，拿到回調(diào)后直接關(guān)閉界面，發(fā)送通知處理
        api = WXAPIFactory.createWXAPI(this, PayDialogActivity.APP_ID);
        api.handleIntent(getIntent(), this);
    }

    @Override
    protected void onNewIntent(Intent intent) {
        super.onNewIntent(intent);
        setIntent(intent);
        api.handleIntent(intent, this);
    }

    @Override
    public void onReq(BaseReq req) {

    }

    @Override
    public void onResp(BaseResp resp) {
        if (resp.getType() == ConstantsAPI.COMMAND_PAY_BY_WX) {
            //通知我們回調(diào)，我們拿來(lái)查詢(xún)訂單的狀態(tài)
            EventBus.getDefault().post(new WXPayEntryEntity(resp.errCode));
        }
        // 清除動(dòng)畫(huà)，有助于防止黑屏閃爍
        overridePendingTransition(0, 0);
        finish();
    }
}

3.回調(diào)頁(yè)面配置

    <!--解決微信支付回調(diào)部分機(jī)型黑屏閃爍的問(wèn)題-->
    <style name="wxPayTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowNoTitle">true</item>
    </style>
    
    <!--回調(diào)頁(yè)面WXPayEntryActivity關(guān)閉finish的時(shí)候增加-->
     overridePendingTransition(0, 0);

 <activity
            android:name=".wxapi.WXPayEntryActivity"
            android:configChanges="orientation|screenSize"
            android:exported="true"
            android:launchMode="singleTop"
            android:theme="@style/wxPayTheme"
            android:windowSoftInputMode="adjustPan|stateAlwaysHidden" />

• 查詢(xún)訂單支付結(jié)果，并提示給用戶(hù)

    @Subscribe(threadMode = ThreadMode.MAIN)
    public void payment(WXPayEntryEntity wxPayEntryEntity) {
        //TODO 當(dāng)客戶(hù)端收到微信支付成功的回調(diào)后，繼續(xù)向后臺(tái)服務(wù)器進(jìn)行驗(yàn)證為最終的結(jié)果
        // .......此處省略調(diào)用服務(wù)器接口，查詢(xún)結(jié)果邏輯......
        // 此處以下代碼只是作為測(cè)試使用，這里需要去服務(wù)器異步查詢(xún)結(jié)果
        switch (wxPayEntryEntity.getPayStatus()) {
            case BaseResp.ErrCode.ERR_OK:
                showToast(this, "支付成功");
                break;
            case BaseResp.ErrCode.ERR_AUTH_DENIED:
                showToast(this, "微信授權(quán)失敗");
                break;
            case BaseResp.ErrCode.ERR_COMM:
                showToast(this, "訂單支付失敗！");
                break;
            case BaseResp.ErrCode.ERR_SENT_FAILED:
                showToast(this, "微信發(fā)送失敗");
                break;
            case BaseResp.ErrCode.ERR_UNSUPPORT:
                showToast(this, "微信不支持");
                break;
            case BaseResp.ErrCode.ERR_USER_CANCEL:
                showToast(this, "用戶(hù)點(diǎn)擊取消并返回");
                break;
            default:
                showToast(this, "訂單支付失敗！");
                break;
        }
    }

• 混淆配置

# 微信混淆
-keep class com.tencent.mm.opensdk.** { *; }

-keep class com.tencent.wxop.** { *; }

-keep class com.tencent.mm.sdk.** { *; }

支付寶支付

流程

[圖片上傳失敗...(image-92d9c1-1567066470689)]
其實(shí)流程和微信差不多，對(duì)于A(yíng)PP端只需要簡(jiǎn)單的幾個(gè)流程就能完成支付寶支付

• 下單后，選擇支付寶支付，客戶(hù)端向服務(wù)器發(fā)送請(qǐng)求，服務(wù)器產(chǎn)生預(yù)支付訂單，并返回給客戶(hù)端
• 客戶(hù)端拿到預(yù)支付訂單的相關(guān)參數(shù)，通過(guò)支付寶SDK喚起支付
• 客戶(hù)端拿到支付寶返回的支付結(jié)果，向商戶(hù)后臺(tái)服務(wù)器查詢(xún)最終的訂單完成信息。

集成

• 接入支付寶SDK
  1.下載SDK
  2.將alipaySdk-15.6.5-20190718211148.aar復(fù)制到libs目錄下
  3.工程目錄的build.gradle添加

allprojects {
    repositories {
        // 支付寶 SDK AAR 包所需的配置
        flatDir {
            dirs 'libs'
        }
        google()
        jcenter()
    }
}

4.Module項(xiàng)目的build.gradle增加依賴(lài)

// 支付寶 SDK AAR 包所需的配置
implementation (name: 'alipaySdk-15.6.5-20190718211148', ext: 'aar')

• 添加權(quán)限

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />

• 調(diào)用支付

    /**
     * 支付寶支付
     *
     * @param payInfo 預(yù)支付信息
     */
    private void aliPay(final String payInfo) {
        // 1.去服務(wù)器拿支付訂單
        final Runnable payRunnable = new Runnable() {
            @Override
            public void run() {
                PayTask aliPay = new PayTask(PayDialogActivity.this);
                Map<String, String> result = aliPay.payV2(payInfo, true);
                Log.d(TAG, result.toString());
                Message msg = new Message();
                msg.what = SDK_PAY_FLAG;
                msg.obj = result;
                payHandler.sendMessage(msg);
            }
        };
        // 必須異步調(diào)用
        Thread payThread = new Thread(payRunnable);
        payThread.start();
    }

• 支付寶回調(diào)

  /**
     * 支付寶回調(diào)
     */
    static class PayHandler extends Handler {
        private final WeakReference<PayDialogActivity> payDialogActivityWrf;
        private PayHandler(PayDialogActivity payDialogActivityWrf) {
            this.payDialogActivityWrf = new WeakReference<>(payDialogActivityWrf);
        }
        @Override
        public void handleMessage(Message msg) {
            if (SDK_PAY_FLAG == msg.what) {
                @SuppressWarnings("unchecked")
                PayResult payResult = new PayResult((Map<String, String>) msg.obj);
                //對(duì)于支付結(jié)果，請(qǐng)商戶(hù)依賴(lài)服務(wù)端的異步通知結(jié)果。同步通知結(jié)果，僅作為支付結(jié)束的通知。
                String resultStatus = payResult.getResultStatus();
                // 判斷resultStatus 為9000則代表支付成功
                if (TextUtils.equals(resultStatus, CODE_9000)) {
                    // TODO 該筆訂單是否真實(shí)支付成功，需要依賴(lài)[服務(wù)端的異步通知]。
                    // 該筆訂單是否真實(shí)支付成功，需要依賴(lài)服務(wù)端的異步通知。
                    if (payDialogActivityWrf.get() != null) {
                        payDialogActivityWrf.get().showAlert(payDialogActivityWrf.get(), "支付成功！");
                    }
                } else {
                    // TODO 該筆訂單是否真實(shí)支付成功，需要依賴(lài)[服務(wù)端的異步通知]。
                    if (payDialogActivityWrf.get() != null) {
                        payDialogActivityWrf.get().showAlert(payDialogActivityWrf.get(), "支付失敗！");
                    }
                }
            }
        }
    }

• 關(guān)于混淆
  由于新版的支付寶SDK采用的是aar替換了原來(lái)舊版的jar包，默認(rèn)aar中已經(jīng)幫你做出了混淆，故新版的支付寶無(wú)需手動(dòng)混淆
  ，以下是aar中解壓出來(lái)的混淆說(shuō)明

# 這個(gè) ProGuard 文件被指定為 consumerProguardFiles。
# 如此一來(lái)，AAR 包的使用者在其應(yīng)用進(jìn)行 ProGuard 混淆時(shí)，將自動(dòng)附加下列規(guī)則，
# 省去了接入 JAR 時(shí)手動(dòng)在 ProGuard 規(guī)則文件中加入支付寶 SDK 規(guī)則的步驟。

-keep class com.alipay.android.app.IAlixPay{*;}
-keep class com.alipay.android.app.IAlixPay$Stub{*;}
-keep class com.alipay.android.app.IRemoteServiceCallback{*;}
-keep class com.alipay.android.app.IRemoteServiceCallback$Stub{*;}
-keep class com.alipay.sdk.app.PayTask{ public *;}
-keep class com.alipay.sdk.app.AuthTask{ public *;}
-keep class com.alipay.sdk.app.H5PayCallback {
    <fields>;
    <methods>;
}
-keep class com.alipay.android.phone.mrpc.core.** { *; }
-keep class com.alipay.apmobilesecuritysdk.** { *; }
-keep class com.alipay.mobile.framework.service.annotation.** { *; }
-keep class com.alipay.mobilesecuritysdk.face.** { *; }
-keep class com.alipay.tscenter.biz.rpc.** { *; }
-keep class org.json.alipay.** { *; }
-keep class com.alipay.tscenter.** { *; }
-keep class com.ta.utdid2.** { *;}
-keep class com.ut.device.** { *;}

# SDK 包可能不包含 utdid
-dontwarn com.ta.utdid2.**
-dontwarn com.ut.device.**

# SDK 包可能不包含 securitysdk
-dontwarn com.alipay.mobilesecuritysdk.**

總結(jié)

關(guān)于支付大概就是這么多了，總而言之，對(duì)于移動(dòng)支付，APP客戶(hù)端流程只需要做到以下幾點(diǎn)就能完成支付：

• 商戶(hù)服務(wù)器產(chǎn)生預(yù)支付訂單
• 客戶(hù)端通過(guò)預(yù)訂單參數(shù)調(diào)用支付SDK客戶(hù)端
• 拿到支付客戶(hù)端返回的訂單信息并以商戶(hù)后臺(tái)服務(wù)器查詢(xún)的訂單為最終結(jié)果

image