移动支付那点事儿

时间  2019-11-07
标签 移动 支付 那点 事儿 栏目 无线 繁體版
原文   原文链接

关于本文支付相关的源码详见个人开源项目 MobilePayment

前言

移动支付实际上是很是简单的，由于只要按照第三方的文档来就好了，因此在本次分享中，其实更像是支付总结。作过支付的人都知道支付的难点实际上是在第三方文档和demo上（集中体现文档陈旧、demo容易误导人、槽点太多），那就不得不先来吐槽下WX的开发文档和示例，我相信大部分人都被坑过，没有对比就没有伤害，相对而言，支付宝好不少，下面我先说重点再谈支付流程。php

开发优化要点

  • 微信回调返回当前页面部分机型会产生一闪而过的黑屏现象，测试机型三星S8，解决方案为在微信回调页面增长透明主题，以下：
<!--解决微信支付回调部分机型黑屏闪烁的问题-->
    <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>
    
    <!--回调页面WXPayEntryActivity关闭finish的时候增长-->
     overridePendingTransition(0, 0);
    
    <!--回调页面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"
     建议优先采起第一种方案，该方案做为备选，毕竟微信推荐使用"singleTop"启动模式。
复制代码
  • DialogFragment内存泄漏问题，google虽然推荐使用DialogFragment替代Dialog，可是内存泄漏问题并未解决，试过不少方案，并未完美解决泄漏问题，故更改使用Activity结合动画实现底部支付弹窗的效果。
<!--底部弹框支付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> <!-- 无标题 -->
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:backgroundDimEnabled">true</item><!-- 半透明 -->
    </style>
    
<!-- R.anim.push_bottom_in 进入动画-->
<?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 淡出动画-->
<?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 原点-->
<?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);

<!-- 关闭底部弹框-->
finish();
overridePendingTransition(R.anim.push_bottom_silent,R.anim.push_bottom_out);

<!-- 实现透明状态栏-->
setContentView(R.layout.activity_dialog_pay_custom);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    getWindow().setStatusBarColor(Color.TRANSPARENT);
    }
复制代码

效果图

微信支付

流程


没错，这就是官方的业务流程图，有点糊的感受，下面我以客户端开发为主，简化一下流程：

  • 客户端App选择购买的商品后，选择微信支付，接口请求服务器，服务器此时须要生成预支付订单（调用微信统一下单接口），其中返回的参数即是咱们调起微信支付所须要的参数。（统一下单）
  • 客户端拿到服务器返回的预支付订单参数，经过微信SDK调起微信支付页面
  • 客户端收到微信支付的状态回调
  • 经过服务器查询支付订单的状态，注意：以服务器查询的结果为准，不要使用微信返回给客户端的支付状态做为支付依据。（订单查询）

集成

  • 微信开放平台注册及配置

1.申请应用获取微信平台生成的惟一APPID（ 管理中心-建立应用）
2.配置签名，获取应用的签名（ 签名工具）
3.配置应用包名，此处文档太老旧，应该为buile.gradle中的applicationId

  • 注册APPID
IWXAPI api = WXAPIFactory.createWXAPI(this, APP_ID);
复制代码
  • 调用SDK发起支付
/**
     * 微信支付
     *
     * @param payInfo 预支付信息
     */
    private void wechatPay(final String payInfo) {
        try {
            JSONObject json = new JSONObject(payInfo);
            if (!json.has("retcode")) {
                PayReq req = new PayReq();
                // 测试用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, "正常调起支付", Toast.LENGTH_SHORT).show();
                // 在支付以前，若是应用没有注册到微信，应该先调用IWXMsg.registerApp将应用注册到微信
                api.sendReq(req);
            }
        } catch (JSONException e) {
            e.printStackTrace();
            showToast(this, "异常：" + e.getMessage());
        }
    }
复制代码
  • 微信回调界面
    1.目录结构配置，须要在包名下新建wxapi目录，并增长回调界面WXPayEntryActivity，以下图：
    2.回调界面示例
/**
 * @author hule
 * @date 2019/7/29 15:58
 * description: 微信支付回调
 */
public class WXPayEntryActivity extends Activity implements IWXAPIEventHandler {
    private IWXAPI api;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //此处若是须要显示界面须要设置setContentView();
        //通常状况下会都不会去设置界面，拿到回调后直接关闭界面，发送通知处理
        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) {
            //通知咱们回调，咱们拿来查询订单的状态
            EventBus.getDefault().post(new WXPayEntryEntity(resp.errCode));
        }
        // 清除动画，有助于防止黑屏闪烁
        overridePendingTransition(0, 0);
        finish();
    }
}
复制代码

3.回调页面配置html

<!--解决微信支付回调部分机型黑屏闪烁的问题-->
    <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>
    
    <!--回调页面WXPayEntryActivity关闭finish的时候增长-->
     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" />
复制代码
  • 查询订单支付结果，并提示给用户
@Subscribe(threadMode = ThreadMode.MAIN)
    public void payment(WXPayEntryEntity wxPayEntryEntity) {
        //TODO 当客户端收到微信支付成功的回调后，继续向后台服务器进行验证为最终的结果
        // .......此处省略调用服务器接口，查询结果逻辑......
        // 此处如下代码只是做为测试使用，这里须要去服务器异步查询结果
        switch (wxPayEntryEntity.getPayStatus()) {
            case BaseResp.ErrCode.ERR_OK:
                showToast(this, "支付成功");
                break;
            case BaseResp.ErrCode.ERR_AUTH_DENIED:
                showToast(this, "微信受权失败");
                break;
            case BaseResp.ErrCode.ERR_COMM:
                showToast(this, "订单支付失败！");
                break;
            case BaseResp.ErrCode.ERR_SENT_FAILED:
                showToast(this, "微信发送失败");
                break;
            case BaseResp.ErrCode.ERR_UNSUPPORT:
                showToast(this, "微信不支持");
                break;
            case BaseResp.ErrCode.ERR_USER_CANCEL:
                showToast(this, "用户点击取消并返回");
                break;
            default:
                showToast(this, "订单支付失败！");
                break;
        }
    }

复制代码
  • 混淆配置
# 微信混淆
-keep class com.tencent.mm.opensdk.** { *; }

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

-keep class com.tencent.mm.sdk.** { *; }
复制代码

支付宝支付

流程

其实流程和微信差很少，对于APP端只须要简单的几个流程就能完成支付宝支付

  • 下单后，选择支付宝支付，客户端向服务器发送请求，服务器产生预支付订单，并返回给客户端
  • 客户端拿到预支付订单的相关参数，经过支付宝SDK唤起支付
  • 客户端拿到支付宝返回的支付结果，向商户后台服务器查询最终的订单完成信息。

集成

  • 接入支付宝SDK
    1.下载SDK
    2.将alipaySdk-15.6.5-20190718211148.aar复制到libs目录下
    3.工程目录的build.gradle添加
allprojects {
    repositories {
        // 支付宝 SDK AAR 包所需的配置
        flatDir {
            dirs 'libs'
        }
        google()
        jcenter()
    }
}
复制代码

4.Module项目的build.gradle增长依赖android

// 支付宝 SDK AAR 包所需的配置
implementation (name: 'alipaySdk-15.6.5-20190718211148', ext: 'aar')
复制代码
  • 添加权限
<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" />
复制代码
  • 调用支付
/**
     * 支付宝支付
     *
     * @param payInfo 预支付信息
     */
    private void aliPay(final String payInfo) {
        // 1.去服务器拿支付订单
        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);
            }
        };
        // 必须异步调用
        Thread payThread = new Thread(payRunnable);
        payThread.start();
    }
复制代码
  • 支付宝回调
/**
     * 支付宝回调
     */
    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);
                //对于支付结果，请商户依赖服务端的异步通知结果。同步通知结果，仅做为支付结束的通知。
                String resultStatus = payResult.getResultStatus();
                // 判断resultStatus 为9000则表明支付成功
                if (TextUtils.equals(resultStatus, CODE_9000)) {
                    // TODO 该笔订单是否真实支付成功，须要依赖[服务端的异步通知]。
                    // 该笔订单是否真实支付成功，须要依赖服务端的异步通知。
                    if (payDialogActivityWrf.get() != null) {
                        payDialogActivityWrf.get().showAlert(payDialogActivityWrf.get(), "支付成功！");
                    }
                } else {
                    // TODO 该笔订单是否真实支付成功，须要依赖[服务端的异步通知]。
                    if (payDialogActivityWrf.get() != null) {
                        payDialogActivityWrf.get().showAlert(payDialogActivityWrf.get(), "支付失败！");
                    }
                }
            }
        }
    }
复制代码
  • 关于混淆
    因为新版的支付宝SDK采用的是aar替换了原来旧版的jar包，默认aar中已经帮你作出了混淆，故新版的支付宝无需手动混淆 ，如下是aar中解压出来的混淆说明
# 这个 ProGuard 文件被指定为 consumerProguardFiles。
# 如此一来，AAR 包的使用者在其应用进行 ProGuard 混淆时，将自动附加下列规则，
# 省去了接入 JAR 时手动在 ProGuard 规则文件中加入支付宝 SDK 规则的步骤。

-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.**
复制代码

总结

关于支付大概就是这么多了，总而言之，对于移动支付，APP客户端流程只须要作到如下几点就能完成支付：git

  • 商户服务器产生预支付订单
  • 客户端经过预订单参数调用支付SDK客户端
  • 拿到支付客户端返回的订单信息并以商户后台服务器查询的订单为最终结果

客官观赏一下其余文章

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程