html获取微信授权以及微信支付
最近在写h5项目的时候,有个功能是扫描二维码,进行微信支付以及支付宝支付。
1:首先有一个扫码后需要跳转的页面,我这边使用的html,调用接口使用的是ajax,很长时间没用了,还有点不习惯。
①:先说支付宝支付吧;
支付宝支付呢,一般有两种方式,第一是你先调取下单接口,由后台的接口的返回跳转路径,你再跳转就行,
获取完直接跳转就行,第二种呢是调取接口传递相应参数,由后台进行跳转。参数由前后端约定即可
②,微信支付,微信支付,就需要微信授权,假设微信授权完成,直接走支付。
首先需要引入wxsdk----我是就一个html文件,就直接引入了,
obj1={orderid:obj.orderid,type:obj.type,payment:1,openid:openid//openid}$.ajax({type: 'POST',url: urls+'你的接口',data:obj1,contentType: 'application/x-www-form-urlencoded',headers: {},success: function(res) {localStorage.setItem('appId',res.data.appId)localStorage.setItem('nonceStr', res.data.nonceStr)localStorage.setItem('package', res.data.package)localStorage.setItem('paySign', res.data.paySign)localStorage.setItem('signType', res.data.signType)localStorage.setItem('timeStamp', res.data.timeStamp)window.wx.config({debug: false, appId: res.data.appId, // 必填,公众号的唯一标识timestamp: res.data.timeStamp, // 必填,签名的时间戳,后台生成的nonceStr: res.data.nonceStr, // 必填,签名的随机串,后台生成的jsApiList: ['scanQRCode'] // 必填,需要使用的JS接口列表});window.wx.error(function(res) {console.log(res);});let appId=localStorage.getItem('appId')let nonceStr=localStorage.getItem('nonceStr')let package=localStorage.getItem('package')let paySign=localStorage.getItem('paySign')let signType=localStorage.getItem('signType')let timeStamp=localStorage.getItem('timeStamp')window.wx.ready(() => {wx.chooseWXPay({timestamp: timeStamp, nonceStr: nonceStr, // 支付签名随机串,不长于 32 位package: package, signType: signType, paySign: paySign, // 支付签名success: function (res) {// 支付成功后的回调函数}});})},complete:function(res){}})
以上,就可以成功吊起微信支付了
html获取微信授权以及微信支付相关推荐
- 微信公共平台接入之:网页授权(微信授权,微信access_token获取,获取微信用户信息),微信开发者工具使用,微信公众平台测试号申请接入
1.微信公众平台文档入口 微信公众平台入口地址:https://mp.weixin.qq.com/,截图: 进入之后的文档地址: https://mp.weixin.qq.com/wiki?t=res ...
- 微信授权及微信支付跳转回来的路径带有#的hash路径会被忽略
使用微信授权和微信h5支付时,需要配置 redirect_uri 参数,如果参数里面的路是带有#的hash路径时,#后面的内容会被微信认为是不合法的,然后会被微信忽略掉,比如配置的是 http://w ...
- 微信授权登录-微信公众号和PC端网站
一.微信公众号授权登录--微信公众平台 微信授权登录,并调用后台接口,获取用户信息 1.网页授权回调域名 首先要在公众平台官网中的"开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授 ...
- 从微信授权到微信支付
一.微信授权 1.在对接微信之前,首先从微信官网(https://mp.weixin.qq.com)去注册微信公众公众账号,提交资料等待验证通过. 2.验证通过后就可以 微信公众平台 获取到 AppI ...
- angularjs 微信授权登录 微信支付
最近做一个项目,用angular 一个单页应用,打算打包成 跨平台移动App 以及在微信里面使用.给大家一个案例 首先,熟悉一下微信授权部分的源代码,如下所示: javascript 前端代码: va ...
- 小程序 - 微信授权登录 微信授权绑定手机号
用户在使用小程序时,经常需要授权登录,授权登录的作用是获取用户的基本信息,如头像.昵称以及openid等,openid可用于微信授权手机号.微信支付. 微信授权登录 .xhtml如下,wxLogin为 ...
- 微信授权登录(微信订阅号使用测试账号)
1.微信授权登录: 微信公众号测试登录: 准备: 1.1 花生壳! 下载地址:http://hsk.oray.com/download/ 1.2 微信公众号:https://mp.weixin.qq. ...
- 微信小程序 微信授权登录 微信登录
一.调用接口获取临时登录凭证(code) wx.login({success(res) {if (res.code) {// res.code => 登录凭证} else {console.lo ...
- 微信授权(三)微信调用摄像头和相机
涉及到了微信获取图片 在这记录一下: 首页H5 会调用jsdk 会用到下面这些参数 ,大部分由java后端提供. 一: H5 通过接口从后台获取这些数据首先获取access_token,通过acces ...
最新文章
- 0 - python简介
- 【pyQuery】抓取startup news首页
- 如何用php向wsdl服务器发请求,知道服务器端Wsdl,不写服务端代码,仅写客户端代码能调用服务端的方法吗?...
- 二十五、redis主从复制
- HDU - 1875 畅通工程再续
- 在java中使用quartz_如何在Java中使用Quartz Scheduler框架运行cron作业?
- css 容器内 div 底部,CSS:在div容器的底部放置一個div容器
- 行为型设计模式(1)—— 责任链模式(Chain of Responsibility Pattern)
- dva处理_dva中使用store管理数据的异步问题
- Swift基础--通知,代理和block的使用抉择以及Swift中的代理
- Symbian开发——Symbian开发知识(转)
- 计算机资源管理器总是未响应,资源管理器总是无响应,而且开机很慢老是解决不了问题...
- BEC listen and translation exercise 39
- aop:aspectj-autoproxy的作用
- 个人永久性免费-Excel催化剂功能第105波-批量调整不规范的图形对象到单一单元格内存储...
- 安卓 蓝牙遥控器键值配对 kl文件
- 怎么登陆和退出MySQL
- 上班族的最佳饮食搭配法
- 核反应堆Fortran计算软件Dragon/Donjon
- 敏感电阻-----热敏电阻NTC的一些知识
热门文章
- [Nodejs入门]第四篇,用nodejs实现一个爬虫的功能
- 哈佛机构与冯诺依曼架构
- 沁恒蓝牙芯片CH57x系列学习与应用
- 电脑桌面计算机文件打不开怎么办,电脑开机桌面文件都点不开的解决方法
- 华为 、锐捷、新华三、睿易网络设备怎么选
- 解决在EasyUI中使用百度地图出现不居中和坐标图标显示异常的问题(红色代码部分)
- 有哪些可助力英文学术论文写作的在线网站、工具或软件?
- upupoo服务器维护中是什么情况,upupoo用不了怎么办-解决upupoo打不开的方法 - 河东软件园...
- mes系统和plc通讯案例_MES与PLC实时通信系统研究
- 2001-2019年290个地级市人均GDP