首页 > 其他分享 >什么?在ionic2上实现支付宝支付

什么?在ionic2上实现支付宝支付

时间:2022-11-28 20:34:04浏览次数:66  
标签:alipay 支付宝 插件 plugin ionic2 支付 cordova


参考:​​cordova-plugin-alipay——ionic2 支付宝App支付插件,支持Android、iOS​

       在ionic2上实现支付宝支付的功能,需要使用到一个封装好的cordova插件(当然,如果你会写cordova插件的话,那就另当别论咯)。至于支付宝支付前的准备工作我就不一一赘述了。支付宝的官网就已经说得很明白了。

cordova-plugin-alipay插件后进行修改的github项目。进行修改后在ionic2 rc版上得以成功使用。至于不知半解地研究正确修改的艰辛过程就在这一笔带过~~

下面copy过来,说明一下:

1、cmd命令行下进入ionic2项目,安装需要的cordova插件:


cordova plugin add https://github.com/DreamMoon/cordova-plugin-alipay.git --variable PARTNER_ID=[你的商户PID可以在账户中查询]



2、在需要使用该插件的.ts文件中的开头处(一般在 import 语句下面、@Commponent装饰器语句上面)声明AliPay对象:


declare var AliPay: any;



3、正式使用:在需要调用支付宝支付的地方,加入如下语句:

//第一步:订单在服务端签名生成订单信息,具体请参考官网进行签名处理
let payInfo = "xxx";

//第二步:调用支付插件
AliPay.pay(payInfo,
function success(e){
alert('success!');
},function error(e){
alert('error!');
});


应用该插件后ionic2打包为ios的注意事项

  • 应用该插件后,ionic2直接打包为android,支付宝支付的功能在app上使用是没有什么问题的。但是在ios上却没有那么顺利了,可能会出现这样的错误(在ionic build ios 或 xcode运行app项目的过程中):
Undefined symbols for architecture i386: “_deflate”, referenced from

ionic2 使用该插件的说明

该cordova插件是源于 ​​https://github.com/offbye/cordova-plugin-alipay​​ 。

  • 在ionic2使用该插件的过程中所出现的问题进行解决(AliPay对象不存在的问题): 修改plugin.xml文件中的:
<js-module src="www/AliPay.js" name="AliPay">
<!-- <clobbers target="cordova.plugins.AliPay" /> -->
<clobbers target="AliPay" />
</js-module>


  • 修复ios中路径出错问题: plugin.xml
<!-- <resource-file src="src/lib/AlipaySDK.bundle"/> -->
<resource-file src="src/ios/lib/AlipaySDK.bundle"/>



标签:alipay,支付宝,插件,plugin,ionic2,支付,cordova
From: https://blog.51cto.com/u_15894233/5893651

相关文章

  • ionic2实现社会化分享Social Sharing
    SocialSharing插件:​​SocialSharing​​参考:​​phonegap/cordova开发中的分享功能​​    在ionic2项目下,执行如下语句安装插件:$ionicpluginaddcordova-plug......
  • 这回又来个 ionic2 的微信支付!(遇到一些莫名的BUG)
    目录​​目录​​​​ionic2实现微信支付前的准备工作​​​​ionic2中的微信支付​​​ionic2中实现微信支付的参考代码​​客户端APP​​​实现插件的封装WechatPlugints......
  • 我打包发布ionic2 APP正式版的步骤
    目录​​目录​​​​Android平台的apk打包​​​​iOS平台生成构建版本的注意事项​​​Android平台的具体参考​​​Publishingyourapp​​这里进行记录,方便查找:Androi......
  • ionic2 中的网络监测功能
    参考:​​http://ionicframework.com/docs/v2/native/network/​​(后须还将发表其他我正在ionic2使用的插件或功能)增加网络监测功能的cordova插件:$ionicpluginaddcordova......
  • ionic2上实现跳转应用市场的功能
        需要使用到如下插件:(参考官网的ionic-native)​​AppVersion​​ 主要用于获取Appde包名:AppVersion.getPackageName();​​WebIntent​​用于在Android平台上调......
  • Ionic2中的相册选择和拍照上传——ImgService
    目录​​目录​​​​前言​​​​Cordova准备​​​​ImgService服务的实现​​​​ImgService服务的使用​​​​示例效果​​​​相册选择器的汉化​​​​参考​​前言......
  • 支付宝退款退还服务费分析(含微信退款)
    支付宝退款退还服务费分析(含微信退款)1.统计app支付和手机网站支付的占比支付宝商户后台:对账中心>>费用清单,可以按月来查询每个支付产品的支付占比。2.支付宝手机网......
  • Java之微信支付(扫码支付模式二)案例实战-之支付完成后页面跳转方案
    摘要:做过微信扫码支付的同学都知道,微信扫码支付完成后,要跳转到指定的页面就比较麻烦了,这里我提供一种比较可行的方案,也许还有其他更多的方案,但是我这里分享下我们当时是怎么......
  • Java之支付宝(电脑网站支付)成功后 同步回调,异步回调验证签名报错解决思路
    摘要:在做支付宝电脑网站支付的接口时候(这里仅限使用支付宝官网提供的SDK接入支付宝支付接口),支付成功了,但是支付宝回调的时候老是报签名失败,经过查看资料,发现是支付宝公钥......
  • 支付系统场景设计-支付状态处理
    本文以 微信支付官方文档->微信Native支付->开发指引 如下文本开篇(点击访问原文链接)。用户支付成功后,商户可通过以下两种方式获取订单状态方法一:支付结果通知。用户支......