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 本页面传值实现代码

    记得以前在学校的时候,例如要修改信息,需要要修改的部分的值显示出来,都是先把数据传到后台,然后再在前台显示的,想想真够笨的,这个可以在客户端就实现的,何必要传到后台呢
    2009-05-05
  • javascript每日必学之运算符

    javascript每日必学之运算符

    javascript每日必学之运算符,javscript的逻辑中的正序,分支,循环以及一些简单的运算符,想要成为javascript大神的朋友不要错过,阅读一下
    2016-02-02
  • antd designable平台的组件拖拽功能实现代码

    antd designable平台的组件拖拽功能实现代码

    这篇文章主要介绍了antd designable平台的组件拖拽功能实现代码,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2024-07-07
  • 彻底搞懂JS无缝滚动代码

    彻底搞懂JS无缝滚动代码

    彻底搞懂JS无缝滚动代码...
    2007-01-01
  • uniapp实现单选框的示例代码

    uniapp实现单选框的示例代码

    本文给大家介绍uniapp实现单选框的示例代码,采用uniapp-vue3实现的一款单选框组件,提供丝滑的动画选中效果,支持不同主题配置,适配web、H5、微信小程序,感兴趣的朋友跟随小编一起看看吧
    2024-03-03
  • async/await实现Promise.acll()简介

    async/await实现Promise.acll()简介

    Promise.all() 方法接收一个 promise 的 iterable 类型的输入,并且只返回一个Promise实例,并且输入的所有 promise 的 resolve 回调的结果是一个数组,这篇文章主要介绍了async/await实现Promise.acll()简介,需要的朋友可以参考下
    2022-11-11
  • javascript笔记 String类replace函数的一些事

    javascript笔记 String类replace函数的一些事

    加固javascript基础知识目的是为以后研究jQuery源码做好铺垫。
    2011-09-09
  • js中array的sort()方法使用介绍

    js中array的sort()方法使用介绍

    默认的sort方法并不是按照整形数据来排序,而是用的字符串匹配方式,下面有个不错的示例,大家可以参考下
    2014-02-02
  • JS图片压缩的简单实现

    JS图片压缩的简单实现

    本文主要介绍了JS图片压缩的简单实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05
  • 关于微信小程序bug记录与解决方法

    关于微信小程序bug记录与解决方法

    这篇文章主要介绍了关于微信小程序bug记录与解决方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-08-08

最新评论