UPI 支付状态检测：如何在网站中实现无缝支付体验？

2024-03-17 11:49:11

如何检测 UPI 支付状态

引言

统一支付接口 (UPI) 是印度流行的即时支付系统，用户可以通过移动设备进行无缝的资金转账。作为网站开发者，在网站中集成 UPI 支付功能是必不可少的，但你需要一个方法来检测支付是否成功完成。本文将提供逐步指南，介绍如何使用 JavaScript 和 PHP 检测 UPI 支付状态并在你的网站上显示结果。

使用 JavaScript 检测 UPI 支付状态

步骤 1：创建回调 URL

创建回调 URL，UPI 应用程序将在用户完成支付后将其重定向到该 URL。该 URL 将处理支付状态更新。

步骤 2：生成 UPI 支付链接

使用 UPI 架构创建一个支付链接，其中包含商家详细信息、交易金额、交易 ID 和回调 URL。

步骤 3：显示 UPI 支付链接

在网站上显示生成的 UPI 支付链接，用户可以点击该链接启动支付流程。

步骤 4：处理回调响应

当用户完成支付或取消支付时，UPI 应用程序会向回调 URL 发送 POST 请求。该请求包含交易状态和其他详细信息。

步骤 5：显示支付状态

基于收到的回调响应，使用 JavaScript 在网站上显示“成功”或“失败”状态。

使用 PHP 检测 UPI 支付状态

步骤 1：配置 PHP 环境

确保 PHP 环境已正确配置，并安装了必要的扩展。

步骤 2：创建回调脚本

创建一个 PHP 脚本作为回调 URL，用于处理 UPI 支付状态更新。

步骤 3：获取请求数据

使用 $_POST 数组获取 UPI 应用程序发送的回调请求数据。

步骤 4：验证请求

验证请求的签名以确保其来自 UPI 应用程序。

步骤 5：提取交易状态

从请求数据中提取交易状态和其他详细信息。

步骤 6：显示支付状态

基于收到的交易状态，使用 PHP 在网站上显示“成功”或“失败”状态。

示例代码

JavaScript

// 回调 URL
const callbackUrl = 'https://yourwebsite.com/upi-callback';

// UPI 支付链接
const upiLink = `upi://pay?pa=merchant.upi.id&pn=Merchant Name&tid=transaction-id&tr=100&tn=Transaction Note&cu=INR&url=${callbackUrl}`;

// 处理回调响应
window.addEventListener('message', (event) => {
  const data = event.data;
  const status = data.Status;

  // 显示支付状态
  alert(status === 'Success' ? '支付成功！' : '支付失败！');
});

PHP

// 验证请求签名
$hash = hash_hmac('sha256', $_POST['response'], 'your-secret-key');
if ($hash !== $_POST['signature']) {
  die('Invalid request');
}

// 提取交易状态
$status = $_POST['Status'];

// 显示支付状态
echo $status === 'Success' ? '支付成功！' : '支付失败！';