1、首先第一步在vue页面中引入sdk

现在本地命令行当前工程目录下安装sdk

2、js代码中编写如下

// 确认支付函数payment() {//调用后台接口，获取时间戳、字符串、签名方式、支付签名和packagevar data = this.publicMethod.getUrlFromValues('http://learn.erenju.com/index.php/index/order/setCourseOrder', this.dat)// 获取到后台返回的信息console.log(data)wx.config({debug: false, //用于调试，这里一般在测试阶段先用true，等打包给后台的时候就改回false,appId: data.appId,timestamp: data.timestamp,nonceStr: data.nonceStr,signature: data.signature,jsApiList: ['chooseWXPay'] //需要使用的API，此处只使用了微信支付接口})//查看配置是否成功，成功时候才能使用微信SDKwx.ready(() => {wx.checkJsApi({jsApiList: ['chooseWXPay'],success: function(res) {console.log("success")console.log(res)},fail: function(res) {console.log("fail");console.log(res)}})})wx.chooseWXPay({appId: this.baby_id,timestamp: data.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符nonceStr: data.nonceStr, // 支付签名随机串，不长于 32 位package: data.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）signType: data.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'paySign: data.paySign, // 支付签名success: (res) => { //成功回调函数console.log(res)console.log("success")getReportDetails() //支付成功之后需要做的事}})} console.log(data)},

Vue脚手架H5公众号微信登陆问题及解决方式相关推荐

vue代码怎么变成小程序_使用vue编写h5公众号跳转小程序的实现代码
前言:我使用vue编写的h5公众号,实现点击小程序入口,打开小程序,微信官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_App ...
python微信库有哪些_GitHub - zwczou/weixin-python: 微信SDK - 包括微信支付,微信公众号,微信登陆,微信消息处理等...
微信SDK 提供微信登陆,公众号管理,微信支付,微信消息的全套功能文档目录如果需要单独使用其中的某些模块,可以见文档目录的具体模块如果需要组合在一起可以参考快速开始目录安装使用pip su ...
vue开发h5 公众号
公众号搭建公众号的时候也是在过程中遇到了很多的坑,一路踩过来也算是把完成的差不多了,就想着写个记录一下自己的坑. 公众号配置要使用公众号的一些内置接口肯定是要配置公众号的接口返回域名的, 在官方文 ...
PHP开发B2C商城微信小程序商城系统源码+数据库，轻量级前后端分离的电商系统，支持微信小程序 + H5+ 公众号 + APP
项目介绍一款轻量级.高性能.前后端分离的电商系统,支持微信小程序 + H5+ 公众号 + APP,前后端源码完全开源,看见及所得,完美支持二次开发,可学习可商用,让您快速搭建个性化独立商城. 完整代 ...
省钱兄（APP+H5+公众号+小程序）自营商城源码分销系统社区团购线上线下核销吃喝玩乐系统源码前端模板
系统支持安卓 IOS H5 公众号小程序本系统开发使用JAVA技术栈开发用户端使用:uniapp 管理端使用:vue+elementui 后台服务使用:springboot+jpa 体验方式微 ...
开源版商城源码V2.0【小程序 + H5+ 公众号 + APP】
内容目录一.详细介绍二.效果展示 1.部分代码 2.效果图展示三.学习资料下载一.详细介绍这是一款轻量级.高性能.前后端分离的电商系统,,支持微信小程序 + H5+ 公众号 + APP,前后 ...
如何编辑微信公众号(微信公众号内容制作流程)
如何编辑微信公众号(微信公众号内容制作流程) 一.关于申请事项的常见问题概述 1 .注册要花钱吗? 微信官方账号注册完全免费. 微信官方账号唯一需要交钱的地方就是年度认证费.作为个人账户,目前没有认证 ...
微信公众号本地环境搭建（解决微信接口需要公网地址，但是只有本地环境的问题）
微信公众号本地环境搭建(解决微信接口需要公网地址,但是只有本地环境的问题) 置顶2018年01月08日 17:22:13 阅读数:342 目前移动开发处于比较火的的趋势,很多的开发者都跃跃欲试,目前移 ...
微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ
微信公众号/微信小程序获取用户信息以及推送微信模版消息_MQ 一.获取用户信息 1.首先我们需要了解什么是微信用户的OpenID 在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密 ...
Bingo说说：公众号+微信黄金搭档，造出你的个人品牌
熟悉Bingo的朋友都知道,Bingo有三大核心主张:一是轻资产创业,二是内容引流,三是打造个人品牌.轻资产创业解决项目选择的问题,内容引流解决流量的问题,打造个人品牌解决客户信任的问题.项目有了,流 ...

Vue脚手架H5公众号微信登陆问题及解决方式

1、首先第一步在vue页面中引入sdk

2、js代码中编写如下

Vue脚手架H5公众号微信登陆问题及解决方式相关推荐

最新文章

热门文章