android app对接h5支付

原创

mob64ca12d12b68 2024-10-13 06:18:14 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12d12b68的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android App对接H5支付的流程

在开发Android应用时，很多时候需要与H5支付页面进行对接。以下是实现这个过程的整体流程：

步骤	说明
1. 准备支付接口	确保拥有H5支付的API接口
2. 在App中集成WebView	用于加载H5支付页面
3. 调用支付接口	发送支付请求并接收支付信息
4. 处理返回结果	根据支付结果更新UI或状态
5. 完成后续操作	完成支付后可能需要的其他逻辑处理

步骤详细说明

1. 准备支付接口

确保你有H5支付的接口文档，通常需要API秘钥、商户ID等信息。如果API有测试环境，尽量在测试环境中进行调试。

2. 在App中集成WebView

在你的Android项目中，创建一个WebView以加载H5支付页面。

<!-- res/layout/activity_payment.xml -->
<WebView
    android:id="@+id/webView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

// PaymentActivity.java
import android.webkit.WebView;

public class PaymentActivity extends AppCompatActivity {
    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_payment);
        
        webView = findViewById(R.id.webView);
        webView.getSettings().setJavaScriptEnabled(true); // 启用JavaScript
    }
}

3. 调用支付接口

通过API请求来获取支付信息，并将返回的支付页面URL加载到WebView中。

// PaymentActivity.java
private void initiatePayment() {
    String paymentUrl = "

    // 使用OkHttp库发起网络请求
    OkHttpClient client = new OkHttpClient();
    Request request = new Request.Builder()
            .url(paymentUrl)
            .build();

    // 异步请求
    client.newCall(request).enqueue(new Callback() {
        @Override
        public void onResponse(Call call, Response response) throws IOException {
            if (response.isSuccessful()) {
                String redirectUrl = response.body().string(); // 获取重定向URL
                runOnUiThread(() -> webView.loadUrl(redirectUrl)); // 在UI线程中加载URL
            }
        }

        @Override
        public void onFailure(Call call, IOException e) {
            e.printStackTrace();
        }
    });
}

4. 处理返回结果

在WebView中监控URL变化，检测是否返回了支付结果。

// PaymentActivity.java
webView.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        if (url.contains("payment-success")) {
            // 处理支付成功逻辑
            return true; // 拦截
        } else if (url.contains("payment-fail")) {
            // 处理支付失败逻辑
            return true; // 拦截
        }
        return false; // 不拦截继续加载
    }
});

5. 完成后续操作

根据支付成功或失败的反馈更新应用状态。

// PaymentActivity.java
private void handlePaymentResult(boolean isSuccess) {
    if (isSuccess) {
        // 更新用户界面或数据
        Toast.makeText(this, "支付成功！", Toast.LENGTH_SHORT).show();
    } else {
        Toast.makeText(this, "支付失败！", Toast.LENGTH_SHORT).show();
    }
}

类图

classDiagram
    class PaymentActivity {
      + WebView webView
      + void initiatePayment()
      + void handlePaymentResult(isSuccess: boolean)
    }

序列图

sequenceDiagram
    participant User
    participant App
    participant WebView
    participant Server

    User->>App: Initiate payment
    App->>Server: Request payment URL
    Server-->>App: Return payment URL
    App->>WebView: Load payment URL
    WebView-->>User: Display payment page
    User->>WebView: Complete payment
    WebView->>Server: Payment result
    Server-->>WebView: Return success/failure
    WebView->>App: Notify payment result