位置: 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)

  • 拼多多关注的主播怎么取消(拼多多关注的主播找不到了怎么办)

    拼多多关注的主播怎么取消(拼多多关注的主播找不到了怎么办)

  • 小米手机如何将应用转移至sd卡(小米手机如何将视频中的音频提取出来)

    小米手机如何将应用转移至sd卡(小米手机如何将视频中的音频提取出来)

  • 美团信任分怎么开通(美团信任分怎么看涨了还是降了)

    美团信任分怎么开通(美团信任分怎么看涨了还是降了)

  • 小米手环洗澡可以带吗(小米手环洗澡的时候可以带吗)

    小米手环洗澡可以带吗(小米手环洗澡的时候可以带吗)

  • a3文档怎样调成a4文档(a3的文档怎么变成a4)

    a3文档怎样调成a4文档(a3的文档怎么变成a4)

  • 苹果11怎么安装2个微信(苹果11怎么安装软件)

    苹果11怎么安装2个微信(苹果11怎么安装软件)

  • 菜鸟裹裹一键取件是什么意思(菜鸟裹裹一键取件不见了)

    菜鸟裹裹一键取件是什么意思(菜鸟裹裹一键取件不见了)

  • 芒果tv会员最多几个人(芒果tv会员最多共享几个人登录)

    芒果tv会员最多几个人(芒果tv会员最多共享几个人登录)

  • 手机视频卡顿怎样解决(手机视频卡顿怎么解决华为)

    手机视频卡顿怎样解决(手机视频卡顿怎么解决华为)

  • qq收藏图片删了怎么恢复(qq收藏图片删了电脑怎么恢复)

    qq收藏图片删了怎么恢复(qq收藏图片删了电脑怎么恢复)

  • 驱动日期代表什么意思(驱动程序的日期是电脑的出厂日期吗)

    驱动日期代表什么意思(驱动程序的日期是电脑的出厂日期吗)

  • 5mp和1080哪个更清晰(1080p和5mp有什么区别)

    5mp和1080哪个更清晰(1080p和5mp有什么区别)

  • ios13的字体从哪里下载(ios13字体大小设置方法)

    ios13的字体从哪里下载(ios13字体大小设置方法)

  • 怎么修改微信乘车码支付方式(怎么修改微信乘车码的支付方式)

    怎么修改微信乘车码支付方式(怎么修改微信乘车码的支付方式)

  • 红米note8和note8pro区别(红米note8和note8pro外观一样吗)

    红米note8和note8pro区别(红米note8和note8pro外观一样吗)

  • 抖音如何截屏纯图片(抖音如何截屏纯文字图片)

    抖音如何截屏纯图片(抖音如何截屏纯文字图片)

  • 滴滴成交率怎么升(滴滴成交率怎么是0)

    滴滴成交率怎么升(滴滴成交率怎么是0)

  • 手机短信发错了咋撤回(手机短信发错了咋撤回超过十分钟)

    手机短信发错了咋撤回(手机短信发错了咋撤回超过十分钟)

  • 电脑老是弹出热点新闻(电脑总是弹出热点新闻怎么解决)

    电脑老是弹出热点新闻(电脑总是弹出热点新闻怎么解决)

  • 申诉回执编号怎么获取(申诉回执编号怎么用)

    申诉回执编号怎么获取(申诉回执编号怎么用)

  • 解压速度和什么有关(解压速度和什么无关)

    解压速度和什么有关(解压速度和什么无关)

  • 硬盘温度过高(硬盘温度过高怎么解决)

    硬盘温度过高(硬盘温度过高怎么解决)

  • ahqinit.exe是什么进程 ahqinit是安全的进程吗

    ahqinit.exe是什么进程 ahqinit是安全的进程吗

  • 前端如何用form-data方式上传图片js(前端如何用canvas绘制座位图)

    前端如何用form-data方式上传图片js(前端如何用canvas绘制座位图)

  • 无人驾驶学习笔记-LeGO-LOAM 算法源码学习总结(无人驾驶基础知识)

    无人驾驶学习笔记-LeGO-LOAM 算法源码学习总结(无人驾驶基础知识)

  • 帝国CMS如何确定页面使用的是哪个模版(帝国cms视频教程)

    帝国CMS如何确定页面使用的是哪个模版(帝国cms视频教程)

  • 公司注销公户没注销会如何
  • 入股资金打进公司帐户要交税吗
  • 多少金额以下可以一次性费用
  • 残保金申报工资应该是实发数吗
  • 公转法人交税
  • 成本模式的投资性房地产折旧计入什么
  • 收款收据是否可以做账
  • 代征手续费返还
  • 车辆维修费
  • 应税凭证和纳税凭证的区别
  • 存货的损失计入什么科目
  • 固定资产折旧计入成本还是费用
  • 外籍员工个税信息采集
  • 销售二手车需要注意什么
  • 应收票据计入应收账款吗
  • 以银行存款缴纳企业所得税所引起的变动为
  • 合同负债属于什么费用
  • 营业外支出应填什么科目
  • 建筑业可以开电费发票吗
  • 企业收入不进公账怎样做账?
  • 公司自有房屋出租 营业范围
  • w11系统激活码
  • 出口转内销会计账务处理
  • ajax不刷新页面
  • vue jsx报错
  • php该怎么学
  • php5.4+mysql
  • 股权处置的形式
  • 外汇业务的核算ppt
  • 招聘退休人员北京宿管
  • vue3 + ts
  • 马卡雷纳大教堂
  • 鹅卵石镇宅
  • tensorflow gpu安装
  • tf fans club
  • 深度学习中的FPN详解
  • vue 动态样式
  • ai训练流程
  • vports命令怎么用
  • 煤炭贸易公司的业务流程
  • 小规模纳税人开普票要交税吗
  • 资产负债表中应付账款项目应根据什么填制
  • 小规模个体户国税怎么算
  • 融资交易的会计处理
  • 公司法人的车租给公司怎么开发票
  • 固定资产处置时的清理费用计入哪里
  • sql server 2008 r2教程
  • powerdesigner生成pdm
  • 厂区地面硬化施工方案
  • 小规模没收入怎么报税
  • 补交所得税会计处理方法包括
  • 建筑企业增值税怎么算
  • 母公司溢价收购子公司
  • 应付账款与实际付款有差异如何分录
  • 已经认证抵扣的发票,要退回,怎么处理
  • 预缴所得税弥补以前年度亏损
  • 预付账款科目的余额如果在借方,则在资产负债表上
  • 一次性补缴养老保险的最新规定
  • 核定征收小规模做汇算清缴吗
  • 个体从业人数怎么填
  • 怎么调整原材料的数量和单价
  • 10分钟学会
  • win10预览版21277
  • windows2008关闭ie增强
  • win7系统重启后多了一个安全启动用户
  • win10如何彻底清理
  • linux tar压缩文件命令
  • vps禁用ipv6
  • 批处理/s
  • html淘宝搜索框代码
  • excel password recovery5.0注册码
  • css网页布局方式
  • linux无法使用yum命令
  • node 调用c
  • windows下安装python环境
  • ubuntu各种方法卸载软件
  • 国家对高校食堂的最新管理规定
  • 广东税务实名注册
  • 破产清算处置资产增值税
  • 改革概念股是什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设