Advertisement

微信支付、公众号支付、JSAPI在Vue中的调用方法

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型:None


简介:
本文详细介绍了如何在基于Vue框架的应用中集成和使用微信支付相关的三种方式:微信支付、公众号支付及JSAPI支付,并提供了具体实现步骤与代码示例。 JSAPI微信支付需要在公众号后台配置一些参数(例如`paydatac`变量需包含由后台返回的微信签名等内容)。如果当前环境无法直接访问WeixinJSBridge对象,则可以使用以下代码进行检测: ```javascript if (typeof WeixinJSBridge === undefined) { if (document.addEventListener) { document.addEventListener(WeixinJSBridgeReady, _self.onBridgeReady, false); } else if (document.attachEvent) { ``` 请根据实际开发环境继续完成相应的逻辑处理。

全部评论 (0)

还没有任何评论哟~
客服
客服
  • JSAPIVue
    优质
    本文详细介绍了如何在基于Vue框架的应用中集成和使用微信支付相关的三种方式:微信支付、公众号支付及JSAPI支付,并提供了具体实现步骤与代码示例。 JSAPI微信支付需要在公众号后台配置一些参数(例如`paydatac`变量需包含由后台返回的微信签名等内容)。如果当前环境无法直接访问WeixinJSBridge对象,则可以使用以下代码进行检测: ```javascript if (typeof WeixinJSBridge === undefined) { if (document.addEventListener) { document.addEventListener(WeixinJSBridgeReady, _self.onBridgeReady, false); } else if (document.attachEvent) { ``` 请根据实际开发环境继续完成相应的逻辑处理。
  • uni-app组件.vue
    优质
    本组件为基于uni-app框架开发的微信公众号支付解决方案,采用.vue文件格式封装,提供简洁高效的代码接口,方便开发者快速集成支付功能。 // 微信充值 // 支付接口测试 function balance(url, data) { uni.request({ url: cfg.originUrl + /wx/mp/js_sig.do, data: { route: url }, method: GET, success: (res) => { jweixin.config({ debug: true, appId: res.data.appId, timestamp: res.data.timestamp, nonceStr: res.data.nonceStr, signature: res.data.signature, jsApiList: [chooseWXPay] }); jweixin.ready(function() { uni.request({ url: cfg.originUrl + /wx/recharge/pay.do, method: POST, header: { Content-type: application/x-www-form-urlencoded }, data: JSON.stringify(data), success: function(res) { alert(下单成功); alert(JSON.stringify(res)); alert(res.data.order_id); all.globalData.orderId = res.data.order_id; uni.setStorageSync(orderId, res.data.order_id); jweixin.chooseWXPay({ timestamp: res.data.payParams.timeStamp, nonceStr: res.data.payParams.nonceStr, package: res.data.payParams.package, signType: res.data.payParams.signType, paySign: res.data.payParams.paySign, success: function(e) { alert(支付成功); alert(JSON.stringify(e)); } }); } }); }); jweixin.error(function(res) { console.log(验证失败!) }); } }); }
  • uni-app组件.vue
    优质
    本组件为基于uni-app框架开发的微信公众号支付解决方案,提供简洁高效的支付功能,适用于各类移动端应用。 // 微信充值 // 支付接口测试 function balance(url, data) { uni.request({ url: cfg.originUrl + /wx/mp/js_sig.do, data: { route: url }, method: GET, success: (res) => { jweixin.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来 appId: res.data.appId, // 必填,公众号的唯一标识 timestamp: res.data.timestamp, // 必填,生成签名的时间戳 nonceStr: res.data.nonceStr, // 必填,生成签名的随机串 signature: res.data.signature, // 必填,签名 jsApiList: [chooseWXPay] }); jweixin.ready(function() { uni.request({ url: cfg.originUrl + /wx/recharge/pay.do, method: POST, header: { Content-type: application/x-www-form-urlencoded }, data: JSON.stringify(data), success: function(res) { alert(下单成功); alert(JSON.stringify(res)); alert(res.data.order_id); all.globalData.orderId = res.data.order_id; uni.setStorageSync(orderId, res.data.order_id); jweixin.chooseWXPay({ timestamp: res.data.payParams.timeStamp, // 支付签名时间戳 nonceStr: res.data.payParams.nonceStr, // 支付签名随机串 package: res.data.payParams.package, // 接口返回的prepay_id参数 signType: res.data.payParams.signType, // 签名方式 paySign: res.data.payParams.paySign, success: function(e) { alert(支付成功); alert(JSON.stringify(e)); // 支付成功后的回调函数 } }); } }); }); jweixin.error(function(res) { console.log(验证失败!) }); } }); }
  • Vue
    优质
    本文将详细介绍在Vue项目中集成微信支付的具体步骤和方法,包括准备工作、配置参数及代码实现等。 在使用Vue进行微信支付时,需要调用微信浏览器中的WeixinJSBridge对象。这个对象是微信客户端自带的,只能在微信环境中使用。
  • ASP接口(包含扫码和H5
    优质
    本产品提供全面的微信支付解决方案,涵盖扫码支付、公众号支付及H5支付等多种方式,助力企业轻松实现线上交易。 ASP微信支付接口代码易于整合,仅需简单几步即可应用于各类网站。该支付方式无需任何第三方插件,适用于虚拟主机环境,采用纯代码形式,体积小巧、运行速度快且安全性高。
  • 宝浏览器案.zip
    优质
    此文档提供了在微信公众号内部实现支付宝浏览器支付的具体方案与技术指导,帮助开发者轻松集成支付宝支付功能。 解决在公众号中调起支付宝支付跳转浏览器的问题:将ap.js 和pay.html引入到项目中,并将需要跳转的支付宝支付地址传入pay.html中的code_url即可。
  • 解决问题:缺失timeStamp等参数jsapi错误
    优质
    本文章提供了针对在使用微信公众号进行支付时遇到“缺少timeStamp等参数”的JSAPI接口调用错误的具体解决方案。通过遵循文中详述的步骤,开发者能够顺利解决此类支付集成问题,并优化用户体验。 最近一段时间一直很忙,感觉自己就像一台挣钱的机器;难得有空闲时间了,想分享一下前段时间开发微信公众号支付过程中遇到的问题及解决方法。这些问题就像是隐藏的陷阱,在关键时刻可能会让人焦头烂额,希望能帮助大家避免这些“暗坑”。
  • Golang解决案-小程序、企业宝网页版、宝应宝企业版_宝.zip
    优质
    本资源提供全面的Golang支付集成方案,支持微信及支付宝多渠道支付方式,包括公众号、小程序和企业支付等,助力开发者快速实现支付功能。 Golang支付支持微信公众号、微信应用、微信小程序以及微信企业支付;同时也可以实现支付宝网络版、支付宝应用及支付宝企业支付功能。
  • UniAppJSAPI实现
    优质
    本篇文章主要讲解了如何在基于Vue.js的跨平台开发框架UniApp中集成微信支付功能,并详细介绍了使用微信JSAPI进行支付的具体步骤和代码示例。 在uni-app框架下开发H5应用并集成微信JS API支付功能时,需要先安装jweixin-module模块。相关代码已经封装好,可以直接下载使用。
  • JSAPI】基于JavaSpringBoot小程序与源码,可直接运行
    优质
    本项目提供了一个使用Java和Spring Boot框架开发的小程序及公众号支付解决方案,集成了微信JSAPI支付功能,支持快速部署和运行。 项目采用SpringBoot框架,可以直接运行。通过更改WxPayConfig文件和WeixinController文件中的appid、mch_id、key、notify_url等参数,可以完成小程序支付、公众号支付及回调功能的配置。该项目包含了统一下单(支付接口)即WeixinController类中pay方法的功能;支付结果通知(回调接口)即WeixinController类中notify方法的功能;以及使用code获取openid接口即WeixinController类中prepay方法的功能。