如何在Ionic 4中做支付宝

时间:2019-07-13 08:54:47

标签: ionic4 alipay

我是ionic 4的新手。我想在ionic应用程序中添加支付宝插件。我看到所有教程都只这样做:

    import { Alipay } from '@ionic-native/alipay/ngx';

constructor(private alipay: Alipay) {

//alipayOrder is a string that has been generated and signed by the server side.
this.alipay.pay(alipayOrder)
   .then(result => {
      console.log(result); // Success
   })
   .catch(error => {
      console.log(error); // Failed
   });

}

但这仅显示打开支付宝的负载,但不打开支付宝页面进行支付。我需要在代码内部进行哪些更改?我想发送总付款以使用支付宝付款

1 个答案:

答案 0 :(得分:1)

Ionic Native软件包的文档并不是真正的完整教程。您需要做几次以了解其含义。

  1. 转到主要的Ionic Native社区页面,并遵循所有软件包都应完成的常规设置说明:

  2. 代码段的第一行位于顶部

  3. 其余内容只是该API的粗略概述,而不是其使用的完整指南。

通常,您可以通过单击github存储库找到更多信息。

从我的调查中发现,您需要使用app_id变量进行安装:

cordova plugin add cordova-plugin-gubnoi-alipay --variable APP_ID=[your AppId]

这意味着您需要在AliPay上注册一个开发者帐户,并在其平台上创建一个应用。

文档也链接到此页面:

其中包含所有类型的参数的详细信息,您可以使用这些参数在其侧面生成订单,这些订单可以转换为如下所示的url:

var payInfo = "app_id=2015052600090779&biz_content=%7B%22timeout_express%22%3A%2230m%22%2C%22product_code%22%3A%22QUICK_MSECURITY_PAY%22%2C%22total_amount%22%3A%220.01%22%2C%22subject%22%3A%221%22%2C%22body%22%3A%22%E6%88%91%E6%98%AF%E6%B5%8B%E8%AF%95%E6%95%B0%E6%8D%AE%22%2C%22out_trade_no%22%3A%22IQJZSRC1YMQB5HU%22%7D&charset=utf-8&format=json&method=alipay.trade.app.pay&notify_url=http%3A%2F%2Fdomain.merchant.com%2Fpayment_notify&sign_type=RSA2&timestamp=2016-08-25%2020%3A26%3A31&version=1.0&sign=cYmuUnKi5QdBsoZEAbMXVMmRWjsuUj%2By48A2DvWAVVBuYkiBj13CFDHu2vZQvmOfkjE0YqCUQE04kqm9Xg3tIX8tPeIGIFtsIyp%2FM45w1ZsDOiduBbduGfRo1XRsvAyVAv2hCrBLLrDI5Vi7uZZ77Lo5J0PpUUWwyQGt0M4cj8g%3D";

然后最终传递到插件中以管理付款流程。

此外,it seems通过与AliPay联系以解决特定问题,您可能会取得一些成功。

[更新]如何获取应用ID

this page上有以下说明:

enter image description here

因此,您需要转到the signup page并注册一个普通帐户,然后找到将其升级到开发人员帐户的选项。

之后,您可以在平台上注册应用以获取ID。