IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> Vue 移动端项目打包apk 实现支付宝支付(Android)--沙箱环境 -> 正文阅读

[移动开发]Vue 移动端项目打包apk 实现支付宝支付(Android)--沙箱环境

原项目使用vue开发的移动端,hbuilderx打包的apk,一开始调用支付宝APP支付 发现怎么都调不起来,就去官方技术支持问了一下,纯H5无法调用,推荐调用手机网站支付;

?后面换调用支付宝手机网站支付,网上查询各种方式基本上都试用了一下,支付完成之后跳转一直白屏,跳转不回订单页(有没有遇到过的,求解答);

最后使用支付宝插件:cordova-plugin-alipay-v2

参考:GitHub - hhjjj1010/cordova-plugin-alipay-v2: 支付宝《APP支付》cordova插件支付宝《APP支付》cordova插件. Contribute to hhjjj1010/cordova-plugin-alipay-v2 development by creating an account on GitHub.https://github.com/hhjjj1010/cordova-plugin-alipay-v2

npm安装:

cordova?plugin?add?cordova-plugin-alipay-v2?--variable?APP_ID=your?AppId

注意依赖是无法在vue 项目安装的,关于cordova的安装和环境配置自己网上查一下吧(泪);

参考:Cordova - Cordova安装与项目创建 - 简书demo 地址: https://github.com/iotjin/JhCordovaVueDemo[https://github.com/iotjin/JhCordova...https://www.jianshu.com/p/4574d6056bd6

在android-studio新建一个项目,将vue项目打包好的dist文件复制出来放到www文件夹,最后然后用cordova build android 打包成apk;

前端接口获取后端返回的带有订单信息的签名,然后调用支付接口就好啦;

后端返的实例如下:

'alipay_sdk=alipay-sdk-java-dynamicVersionNo'+'&app_id=2016101600701716&biz_content=%7B%22body%22%3A%22null%'+'3Anull%22%2C%22out_trade_no%22%3A%22313507361383776256%22%2C%22'+'product_code%22%3A%22ET+order%22%2C%22subject%22%3A%2239+%E5%AE'+'%B9%E8%A5%BF%E5%A4%A7%E6%B0%B4%E8%A1%97%E5%8A%9E%E5%85%AC%E5%8C%BA%'+'3A18+%E6%B3%8A%E5%AF%93%EF%BC%88%E8%B1%AA%E4%B8%B9%E5%BA%97%EF%BC%89%'+'22%2C%22timeout_express%22%3A%2230m%22%2C%22total_amount%22%3A%220.01%22%'+'7D&charset=UTF-8&format=json&method=alipay.trade.app.pay&notify_url=https%3A%'+'2F%2Fipts.zpmc.com%2Fpss%2Fet-service%2Falipay%2Fcallback&sign=aeCeGuaUI9kDYwz0L'+'3UIR99knqh%2F1rrxjp8gXDQY3q6wxMQoSDn5NCS3RTUwGYT5%2FlgLu9NRq8ywUkrp6zWvy%2Filj5%2F4'+'ZGkFhiDfEnNjKimeUq9Ne1tpNEYRHrv19dalaOEO7vXbrJjpzg5w9fqo1m0MDISVj3PlFwMcOF6ZDc%2Br'+'4GDbkvbrX%2BSjsBCX7CPWDR5eijFN199VtvrFHOOrfdIRkYCDRoLjdsXwTKxnrWagutcGdPjMLdIM%2FXyO'+'f77fLmSrfEKrUNGfMHBlOY6%2FxDqVVCAqDQgQutVF5La%2BKzUtgij8T6fC9IGRncjFpn%2F9vfXFWyZE%2F'+'3zEZqMFTZCSYg%3D%3D&sign_type=RSA2&timestamp=2020-09-02+17%3A00%3A28&version=1.0';

前端调用实例如下:

// url 是后端返的(参考上面的实例)
if(url.indexOf("alipay") !== -1&&json.payType === 'ALIPAY') {
  cordova.plugins.alipay.payment(url, function success(e){
      console.log('支付成功', e);
      setTimeout(()=>{
        _this.$toast('订单支付成功');
        _this.$router.push('/orders');
      },100)
  },function error(e){
      console.log("支付失败", e);
  });
}

原vue项目index.html 引入cordova.js?

<script type="text/javascript" src="cordova.js"></script>

因为支付宝账户问题,现在使用的是沙箱环境,所以要在支付方法调用之前添加设置沙箱环境的代码:

android-studio项目(路径:\platforms\android\app\src\main\java\cn\hhjjj\alipay\alipay.java)

com.alipay.sdk.app.EnvUtils.setEnv(com.alipay.sdk.app.EnvUtils.EnvEnum.SANDBOX); // 沙箱环境

参考链接icon-default.png?t=M666https://blog.csdn.net/qq_35125764/article/details/109222405?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~aggregatepage~first_rank_ecpm_v1~rank_v31_ecpm-9-109222405-null-null.pc_agg_new_rank&utm_term=cordova%E6%94%AF%E4%BB%98%E5%AE%9D%E6%8F%92%E4%BB%B6%E4%BD%BF%E7%94%A8&spm=1000.2123.3001.4430

最后,终于测试通过了,正式环境还没有测试,有问题我再来更新记录吧~

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-07-17 16:34:46  更:2022-07-17 16:35:09 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/25 3:58:38-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码