uniapp实现微信公众号支付的方法步骤

 更新时间:2022年05月07日 09:09:29   作者:小马总  
本文主要介绍了uniapp实现微信公众号支付的方法步骤,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

1、申请企业服务号(必须企业认证)

https://mp.weixin.qq.com

2、获取appid 和秘钥

菜单 开发-基本配置 获取秘钥 、设置ip白名单

3、安全域名设置

进入公众号设置-功能设置配置

4、代码实现

点击请求优先去请求后台订单支付接口数据

将获取到的数据放入以下请求数据里面 

callPay: function(response) {
				if (typeof WeixinJSBridge === "undefined") {
					if (document.addEventListener) {
						document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady(response), false);
					} else if (document.attachEvent) {
						document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady(response));
						document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady(response));
					}
				} else {
					this.onBridgeReady(response);
				}
			},
			onBridgeReady: function(response) {
				let that = this;
				if (!response.package) {
					return;
				}
				WeixinJSBridge.invoke(
					'getBrandWCPayRequest', {
						"appId": response.appid, //公众号名称,由商户传入
						"timeStamp": response.timestamp, //时间戳,自1970年以来的秒数
						"nonceStr": response.noncestr, //随机串
						"package": response.package,
						"signType": response.signType, //微信签名方式:
						"paySign": response.sign //微信签名
					},
					function(res) {
						if (res.err_msg === "get_brand_wcpay_request:ok") {
							// 使用以上方式判断前端返回,微信团队郑重提示:
							//res.err_msg将在用户支付成功后返回ok,但并不保证它绝对可靠。
							uni.showLoading({
								title: '支付成功'
							});
							setTimeout(function() {
								uni.hideLoading();
								uni.redirectTo({
									url: '../member/orderdetail?id=' + that.id
								});
							}, 1000);
						} else {
							uni.hideLoading();
						}
						WeixinJSBridge.log(response.err_msg);
					}
				);
			},

到此这篇关于uniapp实现微信公众号支付的方法步骤的文章就介绍到这了,更多相关uniapp 微信公众号支付内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 浅谈JS函数节流防抖

    浅谈JS函数节流防抖

    本篇文章主要介绍了JS函数节流防抖,函数节流和函数防抖为了解决类似需求应运而生的,有兴趣的可以了解一下
    2017-10-10
  • 使用js实现一个可编辑的select下拉列表

    使用js实现一个可编辑的select下拉列表

    这篇文章主要介绍了使用js实现一个可编辑的select下拉列表,个人感觉还不错,需要的朋友可以参考下
    2014-02-02
  • 简单的无缝滚动程序-仅几行代码

    简单的无缝滚动程序-仅几行代码

    简单的无缝滚动程序-仅几行代码...
    2007-05-05
  • dwz 如何去掉ajaxloading具体代码

    dwz 如何去掉ajaxloading具体代码

    最近使用dwz来做项目,有时候在ajax的时候并不想使用dwz的loading,不知道有什么方法可以去掉吗,下面为大家详细介绍下具体的去掉方法
    2013-05-05
  • js中replace的用法总结

    js中replace的用法总结

    本篇文章主要是对js中replace的用法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • Three.JS实现三维场景

    Three.JS实现三维场景

    这篇文章主要为大家详细介绍了Three.JS实现三维场景,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • input的focus方法使用

    input的focus方法使用

    input有个focus方法,今天发现就在onblur事件里面起作用,onchang等事件中根本不起作用的
    2010-03-03
  • JavaScript用JSONP跨域请求数据实例详解

    JavaScript用JSONP跨域请求数据实例详解

    Javascript跨域访问是web开发者经常遇到的问题,什么是跨域,就是一个域上加载的脚本获取或操作另一个域上的文档属性。下面这篇文章主要介绍了JavaScript用JSONP跨域请求数据的方法,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-01-01
  • javascript concat数组累加 示例

    javascript concat数组累加 示例

    javascript concat数组累加使用实例。
    2009-09-09
  • JS原型链 详解及示例代码

    JS原型链 详解及示例代码

    本文主要介绍JS原型链的知识,这里整理了相关资料及简单实现示例代码,有兴趣的小伙伴可以参考下
    2016-09-09

最新评论