支付宝当面付

第一步：后台生成订单，创建支付宝交易订单号

第二步：调用传入后端生成的支付宝交易订单号

this.tradePay(trade_no);//传入后端生成的支付宝 交易订单号

onLoad(e) {this.readys();
},//支付宝支付
readys(callback) {console.log(window)if (window.AlipayJSBridge) {callback && callback();} else {document.addEventListener('AlipayJSBridgeReady', callback, false);}
},tradePay(tradeNO) {var that = this;// 通过传入交易号唤起快捷调用方式(注意tradeNO大小写严格)AlipayJSBridge.call("tradePay", {tradeNO: tradeNO}, function(data) {this.$commonjs.tipshow(that, data, 'success')if ("9000" == data.resultCode) {this.$commonjs.tipshow(that, '支付成功', 'success')uni.navigateTo({url:"/pages/order/info?id"+that.order_id})} else {this.$commonjs.tipshow(that, data.memo, 'error')}});},

微信支付

第一步：后台生成订单，获取微信jsapi支付参数 option

$tools = new \JsApiPay();
$wechat_pay = cmf_get_option('wechat_pay');
$input = new \WxPayUnifiedOrder();
$input->SetBody($info['Body']);//商品描述
$input->SetAttach($info['Attach']);//附加数据,作为自定义参数使用。
$input->SetOut_trade_no($info['Out_trade_no']);//作为自定义参数使用。
$input->SetTotal_fee($info['Total_fee'] * 100);//标价金额
$input->SetTime_start(date("YmdHis"));//交易起始时间
$input->SetTime_expire(date("YmdHis", time() + 600));//交易结束时间
$input->SetNotify_url($wechat_pay['Notify_url']);//通知地址,异步接收微信支付结果通知的回调地址
$input->SetTrade_type("JSAPI");//交易类型
$input->SetOpenid($info['openid']);//用户openid
$order = \WxPayApi::unifiedOrder($input);
$jsApiParameters = $tools->GetJsApiParameters($order);
$this->success('微信支付数据', json_decode($jsApiParameters, true));

第二步：调用 wechatReday函数，传入从后台获取支付数据 option

this.wechatReday(option)

//微信h5支付
wechatReday(option) {var that = this;if (typeof WeixinJSBridge == "undefined") {if (document.addEventListener) {document.addEventListener('WeixinJSBridgeReady', that.onBridgeReady(option), false);} else if (document.attachEvent) {document.attachEvent('WeixinJSBridgeReady', that.onBridgeReady(option));document.attachEvent('onWeixinJSBridgeReady', that.onBridgeReady(option));}} else {that.onBridgeReady(option);}
},
onBridgeReady(option) {var that = this;WeixinJSBridge.invoke('getBrandWCPayRequest', {"appId": option.appId, //公众号ID，由商户传入     "timeStamp": option.timeStamp, //时间戳，自1970年以来的秒数     "nonceStr": option.nonceStr, //随机串     "package": option.package,"signType": option.signType, //微信签名方式：     "paySign": option.paySign, //微信签名 },function(res) {if (res.err_msg == 'get_brand_wcpay_request:ok') {this.$commonjs.tipshow(that, '支付成功', 'success')uni.navigateTo({url:"/pages/order/info?id"+that.order_id})}if (res.err_msg == 'get_brand_wcpay_request:cancel') {this.$commonjs.tipshow(that, '用户取消', 'error')}if (res.err_msg == 'get_brand_wcpay_request:fail') {this.$commonjs.tipshow(that, '支付失败', 'error')}});},

uniapp web端支付宝微信使用当面付相关推荐

《支付宝对接之-当面付》
<支付宝对接之-当面付> 提示: 本材料只做个人学习参考,不作为系统的学习流程,请注意识别!!! <支付宝对接之-当面付> <支付宝对接之-当面付> 1. 需求 2 ...
个人支付宝/微信/云闪付/商户聚合码/银行卡等到账通知常用技术方案总结
个人支付宝/微信/云闪付/商户聚合码/银行卡等到账通知常用技术方案总结通过分析和研究,以及观察目前市面上面已经存在的相关技术方案平台,结合自己最终的实现,整体方案实现,常用架构如下(大部分的只实现了 ...
Web端访问微信小程序云数据库
撰写背景: 用微信小程序云开发做了一个与web管理平台配套的微信小程序,Web端需要对接(访问)到云环境的云数据库. 开门见山: 在微信开发者工具里先把云开发控制台打开, 设置->权限设置-&g ...
php++仿网页版微信,vue+web端仿微信网页版聊天室功能
一.项目介绍基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的仿微信web端聊天室- ...
uni-app跨端开发微信小程序之HBuilderX项目实现多环境开发
摘要:由于市场的需求不断变化,原有的开发环境和生产环境已经无法满足需求,多环境开发已经是越来越多的公司要面临的问题.本文先介绍如何将HBuilderX创建的uni-app项目转换成vue-cli项目, ...
web端仿微信朋友圈定位检索功能
web端仿微信朋友圈定位功能 1. 先看实现的效果. 2.实现思路用户点击时通过高德地图接口的geolocation函数获取用户的经纬度和所在的城市.然后将经纬度和城市存储起来.以便于下面其他接口使 ...
支付宝支付开发—当面付条码支付和扫码支付
关键字:支付宝当面付条码支付扫码支付二维码支付订单查询退款作者:方倍工作室原文:https://www.cnblogs.com/txw1958/p/alipay-f2fpay.html ...
支付宝支付开发——当面付条码支付和扫码支付
原文: http://www.cnblogs.com/txw1958/p/alipay-f2fpay.html 本文介绍支付宝中当面付下属的条码支付.扫码支付.订单查询.退款申请的集成开发过程. 本文 ...
支付宝微信一码付上线了，欢迎体验
点击▲关注 "爪哇妹" 给公众号标星置顶更多摄影技巧第一时间直达简介一码付指的是一个二维码可以使用支付宝或者微信进行扫码支付. 优势用户使用支付宝微信直接扫一个码付钱,不 ...

uniapp web端支付宝微信使用当面付

支付宝当面付

微信支付

uniapp web端支付宝微信使用当面付相关推荐

最新文章

热门文章

uniapp web端 支付宝 微信使用当面付

支付宝当面付

微信支付

uniapp web端 支付宝 微信使用当面付相关推荐

最新文章

热门文章

uniapp web端支付宝微信使用当面付

uniapp web端支付宝微信使用当面付相关推荐