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

Question

我从这里开始工作https://github.com/paytm/paytm-pg-node-sdk-sample/blob/master/javascript/DemoApp.js我在express中使用了它，它正在工作，但现在我想要这样做来自反应和付款必须从前端完成。

Answer 1

我也想知道如何才能做到这一点，然后我尝试了 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 网关所需的所有代码，只需复制它并根据需要进行修改即可

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