位置: IT常识 - 正文

uniapp实现微信支付、支付宝支付(uniapph5微信支付)

编辑:rootadmin
uniapp实现微信支付、支付宝支付 前言:

推荐整理分享uniapp实现微信支付、支付宝支付(uniapph5微信支付),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:uniapp调用支付,uniapp微信小程序微信支付,uniapp小程序支付功能,uniapp实现微信支付,uniapp实现微信支付,uniapp实现微信支付的前端步骤,uniapph5微信支付,uniapp实现微信支付,内容如对您有帮助,希望把文章链接给更多的朋友!

本文只介绍了代码片段,如果需要支付前准备的流程可以继续浏览查找(狗头)

该方法是开发uniapp时使用的,未涉及5+APP

前端部分并不复杂,只是有些流程步骤有些杂乱,正常都是后端去和微信交互。前端只需要将每个参数对应的填好,发送请求即可。

微信支付:

一、配置manifest中的微信支付,填写对应微信开放平台申请应用的AppID值

二、发送请求获取appid、partnerid、prepayid、package、noncestr、timestamp、sign等值,这些都是后端与微信交互产生的,调用接口传入后端需要的参数获取就好了。

三、获取到对应的参数值后,就可以使用uniapp官方的api请求进行支付了。

具体操作和代码如下:

一、manifest中的配置

 

 二、代码:(可自行优化方法,文中有点冗杂)

import { wxPay } from '../../api/api.js';......testWxPay() {const data = {joinType: **,name: "***",totalAmount: *} // 这个是后端给我的接口,我统一写在了管理api的js文件中wxPay(data).then(res => {uni.hideLoading()console.log(res, "测试微信支付的res")this.wxParams = res.info.responseData.app_response//订单对象,从服务器获取var orderInfos = {"appid": this.wxParams.appid, // 应用ID(AppID)"partnerid": this.wxParams.partnerid, // 商户号(PartnerID)"prepayid": this.wxParams.prepayid, // 预支付交易会话ID"package": this.wxParams.package, // 固定值"noncestr": this.wxParams.noncestr, // 随机字符串"timestamp": this.wxParams.timestamp, // 时间戳(单位:秒)"sign": this.wxParams.sign, // 签名,这里用的 MD5 签名};console.log(this.wxParams, "this.wxParams")console.log(orderInfos, "orderInfos") // uniapp官方的Api,可直接到官网搜索查询uni.requestPayment({provider: "wxpay",orderInfo: orderInfos,success(res) {console.log('success:' + JSON.stringify(res));console.log("微信支付成功");},fail(err) {console.log('fail:' + JSON.stringify(err));console.log("微信支付失败");}});}).catch(err => {uni.hideLoading()console.log(err, "测试微信支付err")})},支付宝支付:

注意:

支付宝支付没有包名和签名的限制,可以使用标准基座开发测试uniapp使用支付宝支付无法调起支付宝原因有可能是targetSdkVersion大于或等于30的原因,我改成28后可以正常调起了,这样的解决方式有可能会和其他引入的插件产生冲突uniapp实现微信支付、支付宝支付(uniapph5微信支付)

一、配置manifest中的支付宝支付

二、发送请求获取支付宝订单数据,

三、获取到支付宝订单数据后,就可以使用uniapp官方的api请求进行支付了。

一:manifest中的配置

二:代码片段:

import { aliPay } from '../../api/api.js';......testAliPay() {const data = {joinType: ***,name: "***",totalAmount: *} // 后端给的接口,传参调用即可aliPay(data).then(res => {uni.hideLoading()//订单对象,从服务器获取var orderStr = res.orderStringconsole.log(orderStr, "orderStr")//订单对象,从服务器获取 // uniapp官方Api,直接调用,传入参数uni.requestPayment({provider: 'alipay',orderInfo: orderStr, //支付宝订单数据success: function(res) {console.log('success:' + JSON.stringify(res));},fail: function(err) {console.log('fail:' + JSON.stringify(err));}});}).catch(err => {uni.hideLoading()console.log(err, "试支付宝支付err")})},结尾: 

到这里就要和大家说再见啦ꈍ◡ꈍ !

如果大家有流程配置的需要的话,可以移步其他参考资料:

微信支付:

uni.requestPayment(OBJECT) | uni-app官网

uniapp支付之微信支付 - 简书

支付宝支付:

uni.requestPayment(OBJECT) | uni-app官网

uniapp支付之支付宝APP支付 - 简书

支付宝无法唤起:uniapp集成支付宝支付无法唤起支付宝客户端 - 简书

本文链接地址:https://www.jiuchutong.com/zhishi/294565.html 转载请保留说明!

上一篇:Vue中二级菜单的实现(vue二级菜单的隐藏与显示)

下一篇:html中插入svg(svg如何嵌入html5)

  • 小米10支持的快充功率是多少(小米10支持快充瓦数)

    小米10支持的快充功率是多少(小米10支持快充瓦数)

  • 苹果能息屏显示时间吗(iphone息屏显示功能)

    苹果能息屏显示时间吗(iphone息屏显示功能)

  • 快手小店申请退款不退怎么办(快手小店申请退货退款后地址在哪)

    快手小店申请退款不退怎么办(快手小店申请退货退款后地址在哪)

  • 淘宝黑号是指的什么(淘宝黑号是指的黑号吗)

    淘宝黑号是指的什么(淘宝黑号是指的黑号吗)

  • 钉钉退群有提示信息吗(钉钉退群为什么还会有显示)

    钉钉退群有提示信息吗(钉钉退群为什么还会有显示)

  • rar文件解压失败(rar文件解压失败怎么回事)

    rar文件解压失败(rar文件解压失败怎么回事)

  • 微信一直在清理进不去怎么办(微信一直在清理缓存)

    微信一直在清理进不去怎么办(微信一直在清理缓存)

  • qq的帆船图标啥意思(qq的帆船标志怎么消失)

    qq的帆船图标啥意思(qq的帆船标志怎么消失)

  • 手机被监听有什么特征(手机被监听有什么迹象)

    手机被监听有什么特征(手机被监听有什么迹象)

  • 微信帮别人解封一年几次(微信帮别人解封有风险吗)

    微信帮别人解封一年几次(微信帮别人解封有风险吗)

  • ipad可以装ps吗(ipad上能装ps吗)

    ipad可以装ps吗(ipad上能装ps吗)

  • 知道qq号可以查到什么(知道QQ号可以查王者号吗)

    知道qq号可以查到什么(知道QQ号可以查王者号吗)

  • ie浏览器怎么截屏(ie浏览器怎么截图)

    ie浏览器怎么截屏(ie浏览器怎么截图)

  • 手机照相机故障怎么办(手机照相机故障是什么原因)

    手机照相机故障怎么办(手机照相机故障是什么原因)

  • 实名制微信封号影响信誉么(实名制微信封号影响什么)

    实名制微信封号影响信誉么(实名制微信封号影响什么)

  • 微信怎么让人看到电话(微信怎么让人看不到朋友圈封面和签名)

    微信怎么让人看到电话(微信怎么让人看不到朋友圈封面和签名)

  • 怎样用ps将照片改为5M(怎样用ps将照片背景换成白色的)

    怎样用ps将照片改为5M(怎样用ps将照片背景换成白色的)

  • 畅享9怎么开启红外线(华为畅享9s设置)

    畅享9怎么开启红外线(华为畅享9s设置)

  • 手机版怎么查看qq年龄(手机版怎么查看QQ邮箱)

    手机版怎么查看qq年龄(手机版怎么查看QQ邮箱)

  • 电话卡插在手机没信号(电话卡插在手机上不显示咋办)

    电话卡插在手机没信号(电话卡插在手机上不显示咋办)

  • 坚果手机如何双清(坚果手机怎么双开)

    坚果手机如何双清(坚果手机怎么双开)

  • 苹果电脑字体文件夹位置(苹果电脑字体文件怎么拖出来)

    苹果电脑字体文件夹位置(苹果电脑字体文件怎么拖出来)

  • Ichetucknee河的海牛,佛罗里达州 (© Jennifer Adler/Alamy)

    Ichetucknee河的海牛,佛罗里达州 (© Jennifer Adler/Alamy)

  • HTML+CSS+JS 学习笔记(三)———Javascript(中)(html+css+javascript编程入门指南)

    HTML+CSS+JS 学习笔记(三)———Javascript(中)(html+css+javascript编程入门指南)

  • 购买免税产品的app
  • 股东分红的账务处理结转
  • 保理公司会计核算讲解
  • 交通运输企业车辆折旧能加速扣除
  • 国家电子产品投诉电话
  • 回购股票注销股本,股价大涨案例
  • 已认证未抵扣什么意思
  • 不动产出租属于什么收入
  • 与其他企业联营算投资吗
  • 进项税转出企业所得税账务怎么处理
  • 个体户如何报年报
  • 减免附加税的账户有哪些
  • 小规模纳税人减免增值税会计处理
  • 机构信用代码证是三证合一里的吗
  • 进项抵扣抵扣
  • 中级会计考试报名
  • 电子钥匙到期怎么办
  • 销售单价的变动,将促使保本点( )
  • 提前支付一年费用怎么算
  • 一般纳税人认定管理办法
  • win7文件打开方式选错了如何恢复
  • 怎么解决win11系统不兼容问题
  • 监理多计量承担什么责任
  • win7如何禁用wifi
  • rrpcsb.exe - rrpcsb是什么进程 有什么用
  • extract php函数
  • 补缴当年增值税和滞纳金如何入账
  • 商业企业收取的服务费
  • 接受捐赠会计准则
  • 境外租赁要交什么税
  • smiles查询
  • 公司购买银行理财会计分录
  • 银行存款利息收入会计分录怎么写
  • 支出包括哪些项目
  • MySQL的LEFT JOIN表连接的进阶学习教程
  • dede后台左侧菜单空白或不显示的解决办法(完美解决)
  • 织梦cms为什么不维护了
  • 借款可以抵货款吗
  • 公司福利费用会计分录
  • 基本户是活期还是定期
  • 购入固定资产印花税税目是什么
  • 销售使用过的固定资产怎么填申报表
  • 固定资产的认定标准2022
  • 长期持股的最好方法
  • 劳务税可以抵扣企业税比例
  • 预付卡发票能不能走福利账户
  • 分公司利润如何纳税
  • 员工的探亲费应由谁支付
  • 给客户购物卡如何充钱
  • 汽车4s店有哪些功能
  • 销项税红字发票如何做账
  • 应交税费对应的会计科目
  • 固定资产原价是指固定资产的什么
  • 开设明细账
  • sql纵向排列改为横向
  • win8.1使用技巧
  • windows 查看图片
  • xp系统无法安装win7系统
  • XP系统怎么设置屏幕常亮
  • centos安装软件教程
  • WFXSVC.EXE - WFXSVC是什么进程
  • linux获取操作命令的使用方法或参数选项内容
  • xp系统的本地连接在哪里打开
  • win7系统打开服务
  • window10软件搜索
  • 保存 linux
  • win10打开资源管理器很慢
  • win10升级后小娜不能用
  • windows7安全更新服务
  • windows7word文档打不开怎么办
  • unity3d怎么用
  • jquery 瀑布流
  • nodejs怎么在服务器运行
  • unity mesh编程
  • 经常用到的图像格式有
  • javascript中this的用法
  • 怎么看上期留抵税额
  • 中行网银查询
  • 不予处罚不予立案
  • 昆明国家高新技术产业开发区管理委员会官方门户网站
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设