微信公众号开发支付功能调用

首先引入微信开发文档的jssdk

https://res2.wx.qq.com/open/js/jweixin-1.6.0.js //注意必须用https,http苹果端调用会失败，安全性问题

微信公众号支付也需要用户的openid来唤醒支付，所以需要先登录，

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%2Fchong.qq.com%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdapter%26m%3DmobileDeal%26showwxpaytitle%3D1%26vb2ctag%3D4_2030_5_1194_60&response_type=code&scope=snsapi_base&state=123#wechat_redirect //scope未snsapi_base 则静默登录，无需用户点击确定按钮，只能获得用户的openid,如果要获取用户的公开信息,需要更改scope为snsapi_userinfo，这时候需要用户点击同意按钮才可继续执行，可获得用户公开信息（头像，昵称等）,redirect_url是登陆以后跳转的你的服务器，此地址必须为https且需要在公众号后台配置，重定向到该地址会携带code，如果使用vue的hash模式，则code会在#之前

先调用登录方法，获取code，此处为截取code值方法,将code发送给接口去获取用户的信息

export const getQueryString = (name) => {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if (r != null) {return decodeURIComponent(r[2]);}return '';
}

在需要用到支付的页面，也就是页面加载时侯，先去调用wx的config完成相关配置

 wx.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: appId, // 必填，公众号的唯一标识timeStamp: timestamp, // 必填，生成签名的时间戳nonceStr: nonce_str, // 必填，生成签名的随机串signature: signature, // 必填，签名jsApiList: ["chooseWXPay"], // 必填，需要使用的JS接口列表,此处仅用到了支付功能});

在点击支付按钮时，调用支付方法，具体代码示例如下

wx.ready(() => {
wx.chooseWXPay({timestamp: 0, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符nonceStr: '', // 支付签名随机串，不长于 32 位package: '', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）signType: '', // 微信支付V3的传入RSA,微信支付V2的传入格式与V2统一下单的签名格式保持一致paySign: '', // 支付签名success: function (res) {// 支付成功后的回调函数},fail:function(err){
//失败回调
}
});
}

微信公众号开发支付功能调用相关推荐

php h5微信公众号支付接口,微信公众号H5支付接口调用方法
本文实例为大家分享了微信内h5调用支付接口的具体代码,供大家参考,具体内容如下官方文档微信公众号h5接口调用 // 判断微信版本是否在5.0以上 // window.navigator.user ...
python微信公众号开发音乐功能_python利用微信公众号实现报警功能
python利用微信公众号实现报警功能发布时间:2020-09-23 09:54:05 来源:脚本之家阅读:84 作者:Python火火微信公众号共有三种,服务号.订阅号.企业号.它们在获取Ac ...
微信公众号开发相关功能
1.controller代码 @Controller @RequestMapping("/wechat/platform") public class WechatControll ...
手把手教你如何微信公众号开发“翻译功能
翻译,我想这个功能已经很常见了,而且很多地方都有实现了,另外,不只是翻译功能,还可以是语音翻译等等,这些都是可以实现的,所以,写这篇文章,主要是介绍如何将公开的接口进行实际的使用..授人以鱼不如授人以 ...
微信公众号开发笔记（三）：微信JSAPI支付功能开发
很久之前做了微信支付,其中也趟过很多坑,现在有时间就做个自我梳理吧算是. 公众号开发的基本配置(不明白的可以参考https://blog.csdn.net/TOP__ONE/article/detai ...
关于微信公众号jsapi支付传值的问题
刚开始接触微信公众号没有多久,只是做了一些简单的操作,如页面显示,近期,需要做一个微信公众号的支付功能,对于小白的我是很痛苦的,忍着痛,勇敢的往上爬. 首先上网查资料,找demo,之前几天一直没有信心 ...
微信公众号开发中遇到的问题——支付（二）
第一次开发微信公众号,也是第一次接触微信公众号的支付,我使用的是jssdk,用h5页面调用的支付,后台使用的是java.首先声明,我不是一个愤世嫉俗的人,也不喜欢吐槽,我认为别人提供接口就已经很不错了 ...
【微信公众号开发】八、微信JS发起支付
重要声明:本文章仅仅代表了作者个人对此观点的理解和表述.读者请查阅时持自己的意见进行讨论. 目录本系列博文还包含了下面的博客: [微信公众号开发]一.运作及配置流程简介 [微信公众号开发]二.解析微 ...
实例：用C#.NET手把手教你做微信公众号开发（20）--使用微信支付线上收款：jsapi方式
在做线上.线下销售时,可以使用微信便捷支付,通过微信公众号收款有很多种收款方式,如下图: 今天我们来讲一下jsapi支付,场景就是在微信内打开某个页面,完成在线支付,同样一个网页,使用微信打开就是js ...
实例：用C#.NET手把手教你做微信公众号开发（21）--使用微信支付线上收款：H5方式
在做线上.线下销售时,可以使用微信便捷支付,通过微信公众号收款有很多种收款方式,如下图: 今天我们来讲一下H5场景支付,使用手机浏览器打开就是H5方式,最常见的推广是短信内置链接,这种场景需要调用微信 ...

微信公众号开发支付功能调用

微信公众号开发支付功能调用相关推荐

最新文章

热门文章