Android 接入支付宝H5支付

原创

mob649e8157aaee 2024-09-05 05:40:20 ©著作权

文章标签 支付宝 H5 Android 文章分类 Android 移动开发

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

Android 接入支付宝 H5 支付

在移动支付变得越来越普及的今天，H5 支付作为一种便捷的支付方式，正逐渐成为开发者关注的焦点。尤其是支付宝，作为国内主流的支付平台，它的 H5 支付解决方案，能够为开发者提供简单、快速的支付体验。本文将探讨如何在 Android 应用中接入支付宝 H5 支付，并提供相关的代码示例。

一、准备工作

在开始之前，需要确保您已完成以下准备工作：

支付宝账号：确保您拥有一个商户支付宝账号。
SDK 集成：集成支付宝的 SDK，通常通过在 build.gradle 中添加依赖来完成。
前端页面：准备一个适用于 H5 支付的前端页面，该页面将用于展示支付信息。

dependencies {
    implementation 'com.alipay.sdk:alipay-sdk-java:xxx' // 具体版本号请查官方文档
}

二、支付请求与生成订单

为了进行 H5 支付，您需要在服务器端生成订单信息，并返回给客户端。以下是一个使用 Java 和支付宝 SDK 生成订单的示例代码：

import com.alipay.api.AlipayApiException;
import com.alipay.api.AlipayClient;
import com.alipay.api.DefaultAlipayClient;
import com.alipay.api.request.AlipayTradePagePayRequest;
import com.alipay.api.response.AlipayTradePagePayResponse;

public class AlipayService {
    private static final String APP_ID = "your_app_id";
    private static final String SERVER_URL = "
    private static final String PRIVATE_KEY = "your_private_key";
    private static final String PUBLIC_KEY = "your_public_key";

    public String createOrder(String orderId, String amount) {
        AlipayClient alipayClient = new DefaultAlipayClient(SERVER_URL, APP_ID, PRIVATE_KEY, "json", "UTF-8", PUBLIC_KEY, "RSA2");
        AlipayTradePagePayRequest request = new AlipayTradePagePayRequest();
        request.setReturnUrl("
        request.setNotifyUrl("

        request.setBizContent("{\"out_trade_no\":\"" + orderId + "\","
                + "\"total_amount\":\"" + amount + "\","
                + "\"subject\":\"Test Order\","
                + "\"product_code\":\"FAST_INSTANT_TRADE_PAY\"}");

        try {
            AlipayTradePagePayResponse response = alipayClient.pageExecute(request);
            return response.getBody(); // 返回 HTML 表单
        } catch (AlipayApiException e) {
            e.printStackTrace();
            return null;
        }
    }
}

在这个示例中，我们创建了一个 createOrder 方法来生成支付宝订单的 HTML 表单。out_trade_no 是订单号，total_amount 是订单金额，subject 是商品描述。

三、在 Android 中调用 H5 支付

在 Android 中，我们需要一个 WebView 来显示支付宝的支付页面。以下是一个简单的示例代码：

import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import androidx.appcompat.app.AppCompatActivity;

public class AlipayActivity extends AppCompatActivity {

    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_alipay);
        
        webView = findViewById(R.id.webView);
        webView.setWebViewClient(new WebViewClient());

        // 获取支付表单
        String orderHtml = getOrderHtml(); // 假设这是从服务器获取的 HTML 格式的表单
        webView.loadData(orderHtml, "text/html; charset=UTF-8", null);
    }

    private String getOrderHtml() {
        // TODO: 实现从服务器获取订单的逻辑
        return "<html><body>loading</body></html>"; // 示例返回值
    }
}

在这个示例中，我们创建了一个 AlipayActivity 类，并在其中使用 WebView 加载支付宝的 H5 支付页面。

四、状态图与序列图

在接入支付宝 H5 支付的过程中，有一些关键的状态和操作值得我们关注。下面是整个流程的状态图以及序列图：

状态图

stateDiagram
    [*] --> 初始化
    初始化 --> 创建订单
    创建订单 --> 支付页面展示
    支付页面展示 --> 支付成功
    支付页面展示 --> 支付失败
    支付成功 --> 返回
    支付失败 --> 返回

序列图

sequenceDiagram
    participant User
    participant App
    participant Server
    participant Alipay

    User->>App: 发起支付请求
    App->>Server: 请求创建订单
    Server->>Alipay: 创建订单
    Alipay-->>Server: 返回订单信息
    Server-->>App: 返回支付 HTML
    App->>User: 展示支付页面
    User->>Alipay: 提交支付
    Alipay-->>User: 支付结果