微信公众号支付JSSDK

一、调用微信的JS文件

关注我的微信公众号【前端基础教程从0开始】，加我微信，可以免费为您解答问题。回复“1”，拉你进程序员技术讨论群。回复“小程序”，领取300个优秀的小程序开源代码+一套入门教程。回复“领取资源”，领取300G前端，Java，微信小程序，Python等资源，让我们一起学前端。

1.首先要绑定【JS接口安全域名】，“公众号设置”的“功能设置”中

2.引入JS文件

备注：支持使用 AMD/CMD 标准模块加载方法加载

 <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

3.通过config接口注入权限验证配置

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

用户点击支付触发的函数（微信JSSDK的chooseWXPay函数）：

function startWxPay() {$.ajax({type: "POST",url: "/WxPay/GetPaySign",data: { code: code, openid: openid },beforeSend: function () {$("#btnPay").attr({ "disabled": "disabled" });},success: function (res) {$("#btnPay").removeAttr("disabled");if (res.openid != null && res.openid != undefined && res.openid != "") {window.localStorage.setItem("openid", res.openid);}wx.chooseWXPay({timestamp: res.data.timeStamp, // 支付签名时间戳nonceStr: res.data.nonceStr, // 支付签名随机串，不长于32 位package: res.data.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）signType: "MD5", // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'paySign: res.data.paysign, // 支付签名success: function (res) {//支付成功},cancel: function (res) {//支付取消}});}});
}

微信公众号支付JSSDK相关推荐

vue 微信公众号支付 jssdk jsapi实现微信支付（完整版）
是自己项目里支付功能测试成功后的代码参考,希望能帮助到曾和我一样想找到有效参考借鉴的朋友们, 废话不多说,直接讲具体的操作规程及完整代码代码部份: 一.vue的环境配置: 1. 先在当前项目的命令行 ...
vue 微信公众号支付 jssdk
jssdk 引入然后需要在vue项目中引入jssdk,微信为了方便用户使用,将官方的jssdk发布到了npm上,有一个叫weixin-js-sdk的,但我们需要使用的不是这个,网上很多在vue中引用 ...
微信支付整理（微信公众号支付）
由于本人愚钝,在最初接触微信支付时遇到很多坑.在第一次将微信支付调试成功之后在网上炫耀般的留了一个qq(24xxxx)号,以便帮助到更多的人.由此便接触到了大概100多号人的qq询问,期间也拒绝了很多 ...
php微信公众号支付实例教程,PHP微信公众号支付教程（含图文）
PHP微信公众号支付教程(含图文) 开发前的配置微信公众号后台的网页授权域名和js接口安全域名这两个域名一般做微信公众号网页开发是必须配置的,那么他们的主要作用是什么呢?js接口安全域名是为了验证 ...
php微信公众号支付vue,vue项目使用微信公众号支付总结及遇到的坑
微信公众号支付 1. 使用jssdk调用微信支付,具体查看开发文档: 使用的vuex,在mutations中 wechatPay (state, data) { state.payObject = d ...
微信公众号支付流程
1.支付参数准备(图就不上了) 公众号的APPID.商户号MchID.商户API支付秘钥(商户平台的账户中心下:需要用户自行下载证书及安装). 2.平台配置商户平台-->产品中心-->开 ...
微信公众号支付的坑，我已经帮你踩过了(JAVA)
简单介绍微信公众号支付的申请.接入.使用.支付等相关流程,具体会调到微信的授权登录.支付以及关单等api,里面会着重提到需要注意的坑. 1. 准备阶段: 申请申请步骤请直接查看微信公众平台官方文档 ...
vue 微信公众号支付接口_总结vue项目中使用微信公众号支付的方法
本篇文章给大家带来的内容是总结vue项目中使用微信公众号支付的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 微信公众号支付 1. 使用jssdk调用微信支付,具体查看开发文档 ...
微信公众号支付（JSAPI支付）
微信公众号支付(JSAPI支付) 微信浏览器会内置 WeixinJSBridge 对象,但是其可能需要加载时间,可以通过文档代码 if (typeof WeixinJSBridge == " ...

微信公众号支付JSSDK

一、调用微信的JS文件

1.首先要绑定【JS接口安全域名】，“公众号设置”的“功能设置”中

2.引入JS文件

3.通过config接口注入权限验证配置

微信公众号支付JSSDK相关推荐

最新文章

热门文章