移動支付那點事兒
前言
移動支付實際上是很是簡單的，由於只要按照第三方的文檔來就好了，因此在本次分享中，其實更像是支付總結。作過支付的人都知道支付的難點實際上是在第三方文檔和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調起微信支付頁面
- 客戶端收到微信支付的狀態回調
- 經過服務器查詢支付訂單的狀態，注意：以服務器查詢的結果爲準，不要使用微信返回給客戶端的支付狀態做爲支付依據。（訂單查詢）
集成
- 微信開放平臺註冊及配置
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，以下圖：
/**
* @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.** { *; }
複製代碼
支付寶支付
流程
- 下單後，選擇支付寶支付，客戶端向服務器發送請求，服務器產生預支付訂單，並返回給客戶端
- 客戶端拿到預支付訂單的相關參數，經過支付寶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客戶端
- 拿到支付客戶端返回的訂單信息並以商戶後臺服務器查詢的訂單爲最終結果
客官觀賞一下其餘文章
-
你好LiveDatagithub
-
移動支付那點事兒json
-
Android插件化探索性能優化
相關文章
- 1. 移動端開發的那點事兒
- 2. 微信支付那點事
- 3. 聊聊三方支付對接那點事兒
- 4. 微信支付接入的那點事兒
- 5. python wraps那點兒事兒
- 6. HTML DOM那點兒事兒
- 7. Transaction 那點事兒
- 8. ThreadLocal 那點事兒
- 9. Json那點事兒
- 10. AOP 那點事兒
- 更多相關文章...
- • 移動設備 統計 - 瀏覽器信息
- • SVN分支 - SVN 教程
- • 算法總結-滑動窗口
- • 再有人問你分佈式事務，把這篇扔給他
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. 移動端開發的那點事兒
- 2. 微信支付那點事
- 3. 聊聊三方支付對接那點事兒
- 4. 微信支付接入的那點事兒
- 5. python wraps那點兒事兒
- 6. HTML DOM那點兒事兒
- 7. Transaction 那點事兒
- 8. ThreadLocal 那點事兒
- 9. Json那點事兒
- 10. AOP 那點事兒