uniapp的微信支付

添加小程序，兑换各种视频教程/数据资源。

1. 封装public.js公共函数：


export const wxPayMoney=(timeStamp,nonceStr,pack,signType,paySign,sucfun,failfun=null,compfun=null)=>{  //6. 封装微信支付函数uni.requestPayment({provider: 'wxpay',orderInfo:"orderInfo",timeStamp:timeStamp,nonceStr: nonceStr,package: pack,signType: signType,paySign:paySign,success (res) {sucfun(res)},fail (err) {if(failfun){failfun(err)}},complete(result){if(compfun){compfun(result)}}});
}

2. 在需要的页面调用，如index.vue中：

onReady(){this.mockWxPayMoney()
},
methods:{mockWxPayMoney(){  //.模拟微信执行接口var data={orderAmt:"0.01",  //需要支付的金额shopId :2,       //自己的后台数据库需要支付给哪个商户的商户idtoken:getCookieSync("myToken"),   //微信用户授权登录，自己后台返回一个token}uniRequest(BaseUrl_orderCreate,data,(res)=>{  //自己的后台根据向哪个商户支付以及支付多少钱的参数，从而获得返回自己后台优惠折扣之后的实际支付金额。console.log(res)if(res.data.code===1){var prame={payId:res.data.data.payId,money:res.data.data.realMoney,token:getCookieSync("myToken")}uniRequest(BaseUrl_payPrepay,prame,(result)=>{//自己后台与微信支付连接返回前端微信支付输入密码需要的参数timeStamp,nonceStr,pack,signType,paySign。                     if(result.data.code===1){var req=result.data.data;console.log("支付的结果");console.log(req);                                    w wxPayMoney(String(req.timestamp),req.nonceStr,req.pack,req.signType,req.paySign,(payend)=>{    //调用uniapp的微信支付接口，传入参timeStamp,nonceStr,pack,signType,paySign，从而获得最终支付成功console.log("最终支付成功")console.log(payend)})}else{}                            })}else{                        console.log("支付失败，请重试")}})         }
}

uniapp的微信支付相关推荐

[附源码]计算机毕业设计Python+uniapp基于微信支付的在线打印微信小程序ah1u9(程序+lw+远程部署)
[附源码]计算机毕业设计Python+uniapp基于微信支付的在线打印微信小程序ah1u9(程序+lw+远程部署) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程项目运行环境配置: ...
uniapp实现微信支付、支付宝支付
前言: 本文只介绍了代码片段,如果需要支付前准备的流程可以继续浏览查找(狗头) 该方法是开发uniapp时使用的,未涉及5+APP 前端部分并不复杂,只是有些流程步骤有些杂乱,正常都是后端去和微信交互 ...
uni-app端微信支付
前言开篇第一件事说微信,这是一个怎样的平台,做完了uni-app 小程序端的微信支付 ,心想app还不是信手拈来???然而事实就是支付签名验证失败是的一搜才发现全是骂微信的,这样才好受点,尝 ...
uni-app支付宝微信支付
(1)次支付都是后端返回url 支付宝:res.data.data就是后端传的url window.open(res.data.data,'_self')window.close(); 注意:微信环境 ...
uniapp开启微信支付、支付宝支付 + Android Studio离线打包APK文件（前端部分）
效果图已完成,可以调起微信app进行支付.支付宝app也可以. @20221203 流程步骤 HBuilderX项目开启权限 (按照手册选择对应支付服务商需要的权限) 手册:https://nat ...
uniapp H5微信支付
var jweixin = require('jweixin-module');jweixin.config({//debug: true, // 开启调试模式,调用的所有api的返回值会在客户端al ...
Spring Boot中的微信支付（小程序）
前言微信支付是企业级项目中经常使用到的功能,作为后端开发人员,完整地掌握该技术是十分有必要的. 一.申请流程和步骤图1-1 注册微信支付账号获取微信小程序APPID 获取微信商家的商户ID 获取 ...
uniapp 支付（支付宝，微信支付）
uniapp 支付前端处理: // 发送到后台的数据 var payData = {"isUpgrade": 'N',"lavel": level," ...
uniApp APP端调起微信支付失败errCode:-100的踩坑
使用了在开放平台配置好包名和签名后调试,在有的机型上通过调试可以调起微信支付,但是打包成apk就调起失败,有一种可以成功的结果,反向推断出代码肯定没有问题.但是控制台报errCode:-100的错. ...

uniapp的微信支付

添加小程序，兑换各种视频教程/数据资源。

uniapp的微信支付相关推荐

最新文章

热门文章