【问题标题】:How to do shopping cart payment option in angular 8如何在 Angular 8 中进行购物车付款选项
【发布时间】:2020-04-20 19:44:25
【问题描述】:

我创建了一个购物车应用程序。我不知道如何在填写所有详细信息后重定向付款选项。如果有人知道请帮我找到解决方案。

src/app/directives/billing.dir.ts:

send(){  
 if(this.billingForm.valid){

  this.storage.set({
  customerInfo:this.billingForm.value
  })
  this.router.navigate(['/checkout']);

 }
 }

演示:https://stackblitz.com/edit/angular-selvam-ecommerce-task-cnstaj?file=src%2Fapp%2Fdirectives%2Fbilling.dir.ts

【问题讨论】:

  • 您尝试使用哪个支付网关?大多数付款都附带 javascript 或其他受支持的语言 SDK 文件。
  • 我对此一无所知..这是我第一次尝试,所以请告诉我哪个支付网关最好且最安全。我想在我的 angular8 项目中实施。

标签: angular6 angular7 angular8


【解决方案1】:
  1. 您必须选择要开始的付款方式。
  2. 在他们将为您提供支持语言的集成工具包之后,大多数支付网关都支持 JavaScript SDK。
  3. 然后您必须在 Angular 项目中转换或使用 as it 库,例如导入库。

在开始支付集成之前,请先了解以下文章:

https://www.quora.com/How-do-payment-gateways-work-technically

https://www.quora.com/What-is-the-process-of-transaction-in-payment-gateway

https://www.quora.com/What-is-the-procedure-to-get-a-payment-gateway

https://www.quora.com/What-is-the-procedure-to-get-a-payment-gateway-for-my-website-in-India

他们会提供这样的套件:

https://razorpay.com/integrations/

模拟 Paytm 帐户,您可以按照以下方式操作:

https://developer.paytm.com/docs/v1/payment-gateway/ 即将上线

在这里注册:https://business.paytm.com/payment-gateway

【讨论】:

  • 观看此视频:标题“Paytm 结帐演示”developer.paytm.com/docs/v1/payment-gateway 我就是这样提取的,我该如何整合它?你能在我的堆栈闪电战中实现那个吗? YOUR_KEY_HERE 只是用于虚拟键。
  • 您可以尝试,如果我们卡在任何地方,您可以询问。支付网关集成是人们为此获得报酬的单独任务。我建议你尝试一次,如果你卡住了就问问题。
  • 我没有任何服务器,所以我如何实现这样的网关支付:developer.payumoney.com/redirect 和我的 stackblitz:stackblitz.com/edit/…
  • 你有什么解决办法吗?
  • 解决方案就在那里。整合需要时间。正如我之前所说,人们正在为这种任务获得报酬。如果您卡在某个地方,Stackoverflow 可以提供帮助。
【解决方案2】:

如果您仅使用 Angular 进行支付,那么您必须在 Angular 中实现任何 payment_gateway(paytm 或 paypal 等),然后将该信息发送到该网关。

如果您使用像 Node.js 这样的支持,那么您可以将该数据发送到服务器并在服务器端实现该网关

然后将该数据发送到网关后,它会返回URL。那么您必须重定向该 URL 并付款。

如果需要,您可以寻求任何帮助。

【讨论】:

  • 如何将该数据发送到服务器以及如何在服务器端实现该网关?
猜你喜欢
  • 2013-03-22
  • 2023-04-02
  • 2012-02-12
  • 1970-01-01
  • 2014-08-01
  • 2013-05-22
  • 2021-11-26
  • 2011-10-29
  • 2015-06-01
相关资源
最近更新 更多