微信公众号-网页内实现微信支付

             //确认下单order() {let that = this;//获取10位时间戳var timestamp = Date.parse(new Date()) / 1000;//获取16位随机字符串function randomString(length, chars) {var result = '';for (var i = length; i > 0; --i) result += chars[Math.floor(Math.random() * chars.length)];return result;}var rString = randomString(16, 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678');//****默认去掉了容易混淆的var newrandom = "commoditiesCount=" + this.num + "&wechatOpenId=" + this.OpenID + "&nonceStr=" + rString + "&timestamp=" + timestamp;var s1 = Array.prototype.sort.call(newrandom.split("&"), function (a, b) {for (var i = 0; i < a.length; i++) {if (a.charCodeAt(i) == b.charCodeAt(i)) continue;return a.charCodeAt(i) - b.charCodeAt(i);}}).join("&") + "&key=xDWREv7heN35wPL0hM1joIjOoqzPUd8s";var postData = {nonceStr: rString,timestamp: timestamp,sign: hex_md5(s1).toUpperCase(),consigneeName: this.name,consigneePhoneNumber: this.phone,region: this.region,addressDetail: this.textarea,commoditiesId: 2,commoditiesCount: this.num,giftName: '',giftAppointmentTime: '',orderNote: this.text,wechatOpenId: this.OpenID,}axios({url: that.urls + '/wechatOrder/prepayActivityOrder',method: 'post',data: postData,headers: {"Content-Type": "application/json;charset=UTF-8"},}).then(res => {console.log(res)console.log(res.data.errorMessage)if (res.data.status == 200) {this.$message({showClose: true,message: '下单成功',customClass: 'customClass',type: 'success'});that.functionF(res.data.data);} else {this.$message({showClose: true,message: res.data.errorMessage,customClass: 'customClass',type: 'warning'});}}).catch(err => {console.log(err)})},functionF(data) {var vm = this;//下面是解决WeixinJSBridge is not defined 报错的方法if (typeof WeixinJSBridge == "undefined") {//微信浏览器内置对象。参考微信官方文档if (document.addEventListener) {document.addEventListener('WeixinJSBridgeReady', vm.onBridgeReady, false);} else if (document.attachEvent) {document.attachEvent('WeixinJSBridgeReady', vm.onBridgeReady);document.attachEvent('onWeixinJSBridgeReady', vm.onBridgeReady);}} else {vm.onBridgeReady(data);}},onBridgeReady(res) {var that = this;window.WeixinJSBridge.invoke('getBrandWCPayRequest', {// debug:true,"appId": res.appId,     //公众号名称，由商户传入"timeStamp": res.timestamp,         //时间戳，自1970年以来的秒数     "nonceStr": res.nonceStr, //随机串     "package": res.packageStr,"signType": "MD5",         //微信签名方式：     "paySign": res.sign //微信签名 },function (res) {if (res.err_msg == "get_brand_wcpay_request:ok") {// 使用以上方式判断前端返回,微信团队郑重提示：//res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。}});},

微信公众号-网页内实现微信支付相关推荐

微信公众号网页支付详解
首先先看微信公众开放文档:https://blog.csdn.net/qq_41971087/article/details/82466647 其实他的下单和我们微信小程序下单是一样的请观看:http ...
公众号开发(2) —— 盛派.net SDK + vue搭建微信公众号网页开发框架
需求:通过微信公众号菜单跳转到手机端网页,跳转后通过微信授权登录获取微信公众号用户的OpenId(用户关注公众号后,用户在公众号的唯一凭证),通过OpenId和后台数据库用户信息绑定起来并实现一些业务 ...
微信公众号、内嵌H5字体受微信字体大小影响问题的解决方案
微信公众号.内嵌H5字体受微信字体大小影响问题的解决方案,代码也是之前网上找的,现在记录一下 //微信公众号禁止设置老年字体 ;(function() {if (typeof WeixinJSBrid ...
微信公众号网页授权登录的超简单实现步骤
微信开放平台为第三方移动程序提供分享.传播的接口, 使用户可将第三方程序的内容发布给好友或分享至朋友圈, 下面这篇文章主要给大家介绍了关于微信公众号网页授权登录的超简单实现方法, 需要的朋友可以参考下 ...
metabase 以链接或图片查看_Python下载微信公众号文章内的图片
刚刚说过使用python下载微信公众号文章内的视频,有兴趣的同学可以查看上一篇文章,此处就不放文章的链接了. 下面我们继续说一下,如何提取微信公众号文章内的图片并进行下载,下面一起来看一下. 01目标 ...
小程序 php wecahtpay,PHP 微信公众号，小程序获取支付参数。微信支付
PHP 微信公众号,小程序获取支付参数.微信支付发布时间:2018-09-26 11:19, 浏览次数:278 , 标签: PHP 首先下载微信官方demo放入项目中地址:https://gith ...
微信公众号网页 H5 video 标签自动播放
目录微信公众号网页 H5 video 标签自动播放问题描述解决方案微信公众号网页 H5 video 标签自动播放环境:微信公众号网页需求:H5 video 标签自动播放视频 video 标 ...
基于Thinkphp5+EasyWeChat+fastadmin微信小程序授权登录获取手机号微信公众号网页---联合授权登录
战前准备 1.使用 composer 安装 EasyWeChat $ composer require overtrue/wechat:~4.0 -vvv 或者在composer.json文件renq ...
微信公众号网页授权--前端获取code及用户信息（vue）
前段时间开发微信公众号网页授权,虽然网上已经有很多关于这方面的博客或者教程,但是第一次开发还是遇到挺多坑的,以下分享一下我的踩坑填坑之路. 一.测试号相关配置首先在你公司申请的测试号上配置好相关信息 ...
微信公众号网页授权--前端获取code及用户信息（vue）【简单详细版】
嗨喽大家好,前段时间开发微信公众号网页授权,虽然网上已经有很多关于这方面的博客或者教程,但是第一次开发还是遇到挺多坑的,以下分享一下我的遇到的一些问题的见解,希望对你们有帮助. 一.测试号相关配置首 ...

微信公众号-网页内实现微信支付

微信公众号-网页内实现微信支付相关推荐

最新文章

热门文章