uniapp 之充值微信支付下之传递输入金额参数

前言

上一篇内容已经提起过，怎么唤醒微信支付已经实现支付功能，我这边的话就继续分享下怎么实现输入金额充值，你输入多少钱，就支付多少

提示

前面的代码都是在uni。login里面写的

它是先获取code ，然后在发送得到自己 uni.requestPayment 所需要的参数，但是呢，有个问题，怎么把输入金额 input 的值传递给 data里面？

所以代码要分开写，不要都写在 uni。login 里面

直接上代码

代码

所有的代码都是写在methods 中的，之前我把获取code代码写到 mounted里，它微信支付唤起功能只执行了一次，

获取code 方法

 getCode() {var that = thisuni.login({provider: 'weixin',success(res) {that.code = res.codeconsole.log(res.code, res, 'login');}})},

发送微信请求方法

  getWeixin() {uni.request({url: uni.$http.baseUrl + '/uniapp/pay/getWeixinPayParameter',method: 'POST',data: {code: this.code,amount: +this.payDetail || +this.moneyValue},header: {// Authorization: uni.getStorageSync('token')Authorization: `Bearer ${uni.getStorageSync('token')}`},success: ({data: {obj: {weixinMap}}}) => {console.log(weixinMap);uni.requestPayment({provider: 'wxpay', // 服务提提供商timeStamp: weixinMap.timeStamp, // 时间戳nonceStr: weixinMap.nonceStr, // 随机字符串package: weixinMap.package,signType: weixinMap.signType, // 签名算法paySign: weixinMap.paySign, // 签名success: function(res) {console.log('支付成功', res);// 支付成功后重新渲染金额if (res.errMsg === "requestPayment:ok") {uni.request({url: uni.$http.baseUrl + '/uniapp/member/getMemberInfo',method: 'GET',header: {// Authorization: uni.getStorageSync('token')Authorization: `Bearer ${uni.getStorageSync('token')}`},success: (res) => {console.log(res);}})}},fail: function(err) {console.log('支付失败', err);}})}})},

amount 是后端定义的输入金额字段名，后面的值，自己写

之前我进入一个误区，那就是，一直把这两个方法放在同一个函数里面，让它们去执行，但是呢，不知为何，它总是先执行 发送微信请求的方法，后执行获取code的方法，我一直在想怎么让code方法先执行，试过各种的，最终想到了

点击充值按钮的时候执行 code方法，打开充值页面后，当用户点击确定后执行发送微信请求

这就完美解决了，

uniapp 之充值微信支付下之传递输入金额参数相关推荐

payjs 源码_WordPress插件：Payjs For Ponits基于Payjs开发的积分充值微信支付插件
前言目前市面上能够安全靠谱使用的支付方案并不多,payjs就是其中极佳的一家,对于个人开发者也比较友好,正好在有赞停止新用户接入支付,云落将之前开发的支付插件改为payjs支付,其他的变化不大的我 ...
uni-app app平台微信支付
一.App平台支付流程流程:支付平台功能申请 -> manifest.json 里配置支付参数 -> uni-app 里调用 API 进行支付二.微信App支付功能申请到微信开放平 ...
java+uniapp对接app微信支付
java+uniapp对接app微信支付 1.准备工作注册app APP接入微信支付,需要先将商户APP在微信开放平台进行注册,登记APP开发参数以生成APPID.具体操作步骤如下: 一.登录微信开 ...
微信支付2.0版本，更换参数即可使用
微信支付2.0版本,更换参数即可使用前段时间公司开发需要用到微信支付,查阅了微信官网,支付1.0的说后期不再维护了,就研究着2.0的json主流格式,现在当个经验交流,供大家借鉴,只需要替换成自己公 ...
uniapp小程序微信支付功能
目录字段说明前置工作获取openid 微信支付报错问题 uniapp 开发小程序需要实现微信支付功能,下面对相关业务进行说明. 字段说明 AppID:小程序的身份证,微信客户端用来确认你的小程 ...
uni-app app 端微信支付
uni-app微信支付失败掉不起来 1,检查 appid 是否一致 2. 微信端是对象形式支付宝是字符串 3.微信端对象形式所以对象属性小写 packageValue 改 ...
uniapp公众号微信支付
1.安装jssdk npm install jweixin-module --save 2.调用 <template><viewstyle="width: 100%;hei ...
php微信支付mch_id参数格式错误,再说一下微信支付踩到的坑 mch_id 参数格式错误...
微信小程序支付在好久之前写过一次,后来再写的话也是用别人的 SDK 了,之前写的文章好像留了一点坑博客有发过一篇关于微信小程序支付的文章,见PHP完成微信小程序在线支付功能贴了代码没有检查,也给 ...
微信支付签名---利用TreeMap实现对参数ASCII升序排序
ASCII码值是:48~57是十个阿拉伯数字:65~90为26个大学英文字母A-Z;97~122是26个小写英文字母a-z: 参数做ASCII码值从小到大排序(字典序)是可以巧妙的借助TreeMap实 ...

uniapp 之充值微信支付下之传递输入金额参数

前言

提示

代码

获取code 方法

发送微信请求方法

uniapp 之充值微信支付下之传递输入金额参数相关推荐

最新文章

热门文章

uniapp 之 充值 微信支付下 之 传递输入金额参数

前言

提示

代码

获取code 方法

发送微信请求方法

uniapp 之 充值 微信支付下 之 传递输入金额参数相关推荐

最新文章

热门文章

uniapp 之充值微信支付下之传递输入金额参数

uniapp 之充值微信支付下之传递输入金额参数相关推荐