cordova-plugin-paytm 是一个 Cordova 插件，用于将 Paytm 支付集成到 Cordova 应用中。本文将介绍如何在前端开发中使用该 npm 包。
1. 安装 cordova-plugin-paytm
在安装之前，确保你已经在本地安装好 Cordova。如果没有，请先阅读 Cordova 官方文档 进行安装。
使用命令行工具在 Cordova 应用的根目录下执行以下命令安装 cordova-plugin-paytm：
$ cordova plugin add cordova-plugin-paytm --variable MERCHANT_ID="YOUR_MERCHANT_ID" --variable INDUSTRY_TYPE_ID="YOUR_INDUSTRY_TYPE_ID" --variable WEBSITE="YOUR_WEBSITE" --variable CALLBACK_URL="YOUR_CALLBACK_URL"
在上述命令中填入你申请 Paytm 支付的 Merchant ID、Industry Type ID、Website 和 Callback URL。这些值可以在 Paytm 开发者平台中创建商户账号后获得。
接下来，打开你的 Cordova 工程的 www/index.html 文件，在 <head> 标签中添加以下代码：
<script type="text/javascript" src="js/Paytm.js"></script>
Paytm.js 文件可以从 node_modules/cordova-plugin-paytm/www/Paytm.js 路径下复制到你的工程的 www/js 目录下。
2. 使用 cordova-plugin-paytm
为了使用 cordova-plugin-paytm，我们需要在 Cordova 应用中添加一些 JavaScript 代码。
首先，在 Cordova 应用的某个 JavaScript 文件中添加以下代码：
-- -------------------- ---- ------- --- ------------- --- --------- --- ------------ -------- ---------------------- - -------------------- -- ---------- - -------- --------------------- - --------------------- -- ---------- -
这段代码定义了一些变量和函数，用于在发起支付请求后处理支付结果。其中，paytmOrderId、checksum 和 paytmParams 变量将在下文中使用。
Secondly, 在你需要发起支付的时候，添加以下代码：
Paytm.startPayment(orderId, custId, email, phone, amount, callbackUrl, merchantId, industryTypeId, checksumHash, website, channel, txnType, "Production", paytmParams, sucessCallback, failureCallback);
在此代码段中，orderId、custId、email、phone、amount、callbackUrl、merchantId、industryTypeId 和 website 分别是你的订单信息和 Paytm 的配置信息。checksumHash 是你在服务器上生成的校验码（checksum），channel 可以是 "WAP" 或 "WEB"，txnType 可以是 "TXN_TYPE_PAYMENT" 或 "TXN_TYPE_REFUND"。
最后，定义 sucessCallback 和 failureCallback 回调函数，用于处理支付结果。例如：
-- -------------------- ---- ------- --- -------------- - ------------------ - ---------------------- -- ---------- -- --- --------------- - --------------- - --------------------- -- ---------- --
3. 总结
以上就是使用 cordova-plugin-paytm 的教程，经过以上步骤，你就可以在你的 Cordova 应用中集成 Paytm 支付了。
需要注意的是，这只是一个简单的示例，并且 Paytm 集成可能会因为环境而有所不同。如果你在使用的时候遇到了问题，可以参考 Paytm 开发者手册中的文档进行解决。
示例代码可以在 Github 上 查看和下载。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671a730d0927023822613