如何在 React js Web 应用程序中添加 PAYTM 网关集成?

2023-12-13

我从这里开始工作https://github.com/paytm/paytm-pg-node-sdk-sample/blob/master/javascript/DemoApp.js我在 Express 中使用了它,它正在工作,但现在我想从反应中进行,并且付款必须从前端完成。


我也想知道如何才能做到这一点,然后我尝试了 Robokishan 提到的 youtube 视频,但我发现事情并不那么好。当我们使用 Reactjs 时,我们不想将用户重定向到另一个页面。所以我联系了 Paytm 开发支持团队,他们建议了 js checkout 解决方案。

让我详细介绍一下您可以在 React 应用程序中实现它的步骤

  1. 您必须在后端创建交易令牌。此链接将帮助您:https://developer.paytm.com/docs/api/initiate-transaction-api/
  2. 然后转到这个 GitHub 存储库https://github.com/paytm/paytm-blink-checkout-react只需下载它并在此处解压,您会发现两个文件夹,第一个名为 lib ,第二个名为 example。您不需要 lib 文件夹,因为您可以从 npm 安装该软件包,因此只需忽略它即可。
  3. 现在在你的react项目中安装上面提到的包https://www.npmjs.com/package/paytm-blink-checkout-react
  4. 现在要下载存储库,请转到 example/src/component/app.js ,您将在代码中找到实现 Paytm 网关所需的所有代码,只需复制它并根据需要进行修改即可

如果您有任何其他更好的解决方案,请随时提出一些改进建议

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 React js Web 应用程序中添加 PAYTM 网关集成? 的相关文章

  • 如何使用反应路由器在重定向上传递参数?

    我正在使用 React router 版本 2 0 1 在组件之间进行导航 我遇到了一个场景 我想动态导航到其他组件 我做了这样的事情来重定向 browserHistory push some path 它正在完美地导航到其他组件 但我还想
  • 查询字符串的 URL 与反应路由器路由不匹配

    鉴于此 React 路由器配置
  • React Native:uri 图像未显示在 Android 上,但显示在 iOS 模拟器上

    我正在开发一个反应本机应用程序 我正在从 API 获取一些图像并将它们显示为平面列表 问题是这些图像在iOS模拟器上但不显示Android模拟器 我已经设置了图像的宽度和高度 但问题仍然相同 这是下面的代码 成分
  • 如何在Sequelize中配置一对多关系?

    我目前正在使用 Express 和 Sequelize MySQL 想知道解决这个问题的最佳方法是什么 如果这是一个基本问题 我很抱歉 因为我对 Sequelize 甚至 SQL 数据库都很陌生 我有一个模型User像这样 export d
  • React - 从 Node_Modules 导入文件

    我是 React 新手 但已经广泛使用过 React Native 基本上 我正在努力解决一些我认为非常简单和常见的事情 我想使用 NPM 包 bootstrap grid only css https www npmjs com pack
  • Jade - 从不同目录加载模板

    我正在尝试处理 Peepcode 的 Node js Full Stack 视频 他们似乎使用的是旧版本的express jade 没有提到使用块 扩展来渲染布局 应用程序中使用的设置是有一个为所有子应用程序加载的 views layout
  • 从子文件夹运行的 Node.js 服务器

    所以我参加 Node js 聚会已经很晚了 主要是没人邀请我 Thanks 也就是说 我开始解决这个问题 我有 ASP 经典背景 所以有一些东西我还没有理解 如果有人能指出我正确的方向 那就太好了 提前致谢 因此 我正在以标准方式设置服务器
  • React Native 入门项目捆绑失败并出现意外令牌错误

    我正在尝试使用以下说明创建我的第一个适用于 Android 的 React Native 应用程序https facebook github io react native docs getting started html https f
  • MongoDB:如何在更新之前对查询进行排序

    我正在编写一个 Meteor Node js 应用程序 它在后端使用 MongoDB 在我的代码中的某个时刻 我需要更新specific集合中的文档 我需要使用 Mongo 的 update 方法 但我在传递正确的 复杂的 查询以缩小到该特
  • 从 Flow 中的对象值定义联合类型

    我有一个这样的枚举 const Filter ALL ALL COMPLETED COMPLETED UNCOMPLETED UNCOMPLETED 我想做的是声明一个联合类型 如下所示 type FilterType Filter ALL
  • 对数组进行分组并获取计数[重复]

    这个问题在这里已经有答案了 假设我有这样的数组 foo bar foo bar bar bar zoom 我想将其分组 这样我就可以得到这样的计数 foo 2 bar 4 zoom 1 有没有一个实用程序可以做到这一点 只需使用该功能Arr
  • 如何实现rtk的createApi查询去抖

    有人可以帮助我使用 creatApi 和 redux 工具包中的查询实现来实现去抖功能 提前致谢 我个人在 RTK 查询中没有发现任何开箱即用的去抖动实现 但你可以自己实现 定义一个api 我正在使用 openlibrary 的一个 imp
  • 将 JSON var 从路由传递到 ejs

    我在express EJS中有一些代码 1 在 app js 中 创建 mongo 集合对象 app locals userCollection db get userData 2 在user js快速路由文件中 我从这个数据库连接获取数据
  • Javascript中的三点运算符是什么意思

    我看到 rubix 代码 http wrapbootstrap com preview WB09498FH http wrapbootstrap com preview WB09498FH 网站右上演示点击 这是反应组件中的代码 javas
  • 防止react-router History.push重新加载当前路由

    我正在迈出第一步react router 我目前正在使用hashHistory出于开发目的 我正在执行 手动 导航 也就是说 我是not using Link我正在调用history push some route 为了导航 响应锚标记上的
  • 节点检查器 repl 的控制台选项卡中未定义“require”

    我尝试过了 require fs writeFileSync o json JSON stringify anObject 用于调试 我得到了RefrenceError require is not defined 这很奇怪 没有的话是什么
  • 如何使用 Jest 和 Enzyme 测试按钮的 onClick 属性

    我正在尝试测试一个在 React 中具有 onClick 函数的按钮 我的按钮看起来像这样
  • 将缓冲区数据转换为图像

    我如何将此缓冲区数据转换为图像 以便当循环结果并将其呈现在 img src 中时 它将呈现为用户可以看到的图像 我正在使用 ejs 来渲染它 span img class user with avatar src gt span 当我 co
  • 如何在 guildMemberAdd 中使用awaitReactions

    当用户连接到我的服务器时 我向他们发送消息 并且我想通过单击反应来继续授权 我怎样才能创建这个 我正在使用以下代码 robot on guildMemberAdd gMembAdd gt gMembAdd send Hi gMembAdd
  • Node.JS Web 服务器中的安全性

    所以 我正在学习 Node JS 到目前为止我很喜欢它 我已经有几个项目在工作了 我想我可以在其中使用nodejs 不过 我担心安全问题 如果我使用 Node JS http 模块编写自定义 Web 服务器 我是否可能非常容易受到攻击 Ap

随机推荐

  • 安全地存储 api 的密码而不加密

    我需要在 MySql DB 中存储密码 以便与外部公司的 API 一起使用 在我看来 所有密码都应该在数据库中进行哈希处理 以防网站被黑客攻击并且信息泄露到互联网上 但是 如果我对密码进行哈希处理 如何将它们与需要电子邮件地址和密码才能访问
  • org.apache.tomcat.util.http.fileupload.FileUploadBase$FileSizeLimitExceededException

    如何处理 java lang IllegalStateException org apache tomcat util http fileupload FileUploadBase FileSizeLimitExceededExceptio
  • 致命错误:对非对象调用成员函数 close()。 MySQLi问题

    当我上传到实时服务器时 出现以下错误 它在本地主机上运行正常 我认为这很奇怪 致命错误 在非对象上调用成员函数 close 它所指的行 stmt gt close 与数据库的连接 connection new mysqli MYSQL HO
  • Android 搜索对话框的样式/主题

    tl dr 搜索对话框拾取应用程序主题中的白色文本样式 使搜索文本不可见 我正在为一个看似微不足道的问题而苦苦挣扎 我的应用程序使用深色背景 并且我使用 EEEEEE 将文本颜色调整为比标准灰色更亮 我已经实现了一个搜索对话框 Honeyc
  • Redis 主动-主动复制

    我在用redis version 2 8 3 我想建立一个redis簇 但这个簇中应该有multiple master 这意味着我需要多个对所有其他节点具有写入访问权限和应用能力的节点 我可以构建一个包含一个主服务器和多个从服务器的集群 我
  • 仅使用传递的参数子集创建一个namedtuple对象

    我使用以下方法从 MySQL 数据库中提取行作为字典 使用 SSDictCursor 并进行一些处理 from collections import namedtuple class Foo namedtuple Foo id name a
  • 是否可以在 iframe 上停止/暂停视频?

    这是视频 我想停止或暂停 可以吗 只想坚持在 iframe 上 http jsfiddle net karimkhan 2Lgxk5h3 7 js jquery 中有相同的函数吗
  • Qt的IP地址小部件,类似于MFC的IP地址控制

    我正在Qt中寻找一个类似于MFC的IP地址控制的小部件 有谁知道这样的小部件 或者我如何创建一个小部件 我不知道什么是 MFC IP Widget 但看起来它是一个输入 IP 地址的 Widget 您需要使用带有 inputMask 000
  • WPF 组合框显示成员路径

    好吧 我查看了其他问题 似乎没有得到答案 所以希望这里有人能得到答案 非常简单的问题为什么 DisplayMemberPath 属性不绑定到该项目
  • jsonp comet 挂起请求导致浏览器上丑陋的“正在加载”状态

    我正在使用 jsonp 进行跨域 comet 请求 正在加载 状态确实很烦人 有什么方法可以用javascript抑制这种情况吗 对于那些不熟悉 jsonp 的人来说 它基本上会注入一个脚本标记 但在我的情况下 我将请求挂在我的服务器上 直
  • 嵌套函数定义和范围(UnboundLocalError)[重复]

    这个问题在这里已经有答案了 为什么下面的代码无效 def foo1 x 5 def bar if x 5 x 6 print x bar 虽然此代码有效 def foo2 x 5 def bar if x 5 print ok print
  • 使用 jQuery 获取 html 元素的宽度(以百分比 % 表示)

    If I alertcss 选择器设置为的元素width 100 我明白了px 有什么方法可以让它进来吗 根据 css 设置 我需要它来修复一些具有流畅布局的脚本 css my element width 100 javascript al
  • 对指针列表进行排序时出现问题

    我正在尝试对指针列表进行排序 在我的例子中 每个指针都是 Job 类型 我的目的是按序列号对作业进行排序 void Container jobSort list
  • ionic 2 如何使用索引动态加载

    对于 ionic 1 我已经这样做了ng if index 3 0 但我需要在网格视图中动态加载数据 其中一行有两个列 我怎样才能做到这一点 我尝试了下面的代码 in my schudle ts ResourceData name ksjs
  • 比较两个二维数组并获取交集和差异

    我想比较两个数组之间整行的数据并生成 相交行的数组和 一个数组 其中第一个数组中的行在第二个数组中找不到 并且 一个数组 其中在第一个数组中找不到第二个数组中的行 我有两个多维数组 array1 sight id gt 13 locatio
  • JavaScript createElementNS 和 SVG

    我想使用 Javascript 创建内联 SVG 图形 然而 似乎createElementNS函数应用一些标准化并将所有标签转换为小写 这对于 HTML 来说很好 但对于 XML SVG 来说就不行了 我使用的NS是http www w3
  • 如何在 PHP 中传递系统命令时转义字符

    我有一个运行 PHP HTML 页面的 Linux Web 服务器 for loop instruction I m constructing the instruction here instruction lspci grep i vg
  • 如何使用 python 3.2 安装 MySQLdb

    我正在尝试使用 python 连接到 mySQL 据我了解 你需要有 MySQLdb 它是一些 python 连接器模块 我的第一个问题是没有正确版本的 mySQLdb 可以找到here 然后我应该打开一个命令行窗口并导航到我刚刚下载的文件
  • Python 子集和

    我正在尝试编写一个函数 该函数不仅可以确定集合的子集之和是否添加到所需的目标数字 而且还可以打印作为解决方案的子集 这是我用于查找子集是否存在的代码 def subsetsum array num if num 0 or num lt 1
  • 如何在 React js Web 应用程序中添加 PAYTM 网关集成?

    我从这里开始工作https github com paytm paytm pg node sdk sample blob master javascript DemoApp js我在 Express 中使用了它 它正在工作 但现在我想从反应