首页 > 解决方案 > 如何在ionic 4中进行支付宝

问题描述

我是 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
   });

}

但这只是显示加载说打开支付宝而不打开支付宝页面支付。我需要在代码中更改什么?我想发送全额付款以使用支付宝付款

标签: ionic4alipay

解决方案


Ionic Native 包的文档并不是一个完整的实现教程。你需要做几次才能了解它的含义。

  1. 转到主要的 Ionic Native 社区页面,然后按照所有包都应该完成的通用设置说明进行操作:

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

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

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

根据我的调查,您需要使用 app_id 变量进行安装:

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

这意味着你需要在支付宝上注册一个开发者账户,并在他们的平台上创建一个应用程序。

该文档还链接到此页面:

其中包含所有参数类型的详细信息,您可以使用它们来生成订单,这些订单可以变成这样的 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";

最后传入插件管理支付流程。

此外,您似乎可以通过联系支付宝解决具体问题取得一些成功。

[更新] 如何获取 App ID

此页面上,它具有以下说明:

在此处输入图像描述

所以你需要去注册页面注册一个普通账户,然后找到升级到开发者账户的选项。

之后,您可以在平台上注册一个应用程序以获取 id。


推荐阅读