上个周老大让我去做微信公众号支付,因为之前没有做过,所以看了一下微信公众号支付。其实前端做微信公众号很简单。废话不多说,直接先说一下思路,首先做支付需要前端或者后台去获取微信的code,这里是由我去做的,然后将拿到的code传给后台后台会返会给你微信需要的参数,然后将这些参数传给微信就ok了

第一步   点击支付按钮掉支付接口

这是点击支付按钮之后的代码,你只需要将里面的appid换成你们的appid还有就是重定向之后的页面路径换成你们自己的,其他的都一样

第二步 获取code

注意:下面的代码都是在重定向的页面里写的

第三步 将code传给后台,通过后台的返回值,掉起微信支付

});

通过ajax请求将code传给后台,这里面的appid,timeStamp,nonceStr,packageValue,paySign就是后台返给你的值,也就是你要传给微信的参数

这张图片的代码都可以在微信公众号支付的文档里面找到,只需要将参数换成自己的就行,这样就算结束了,是不是很简单啊

h5如何做微信公众号支付相关推荐

  1. vue 调用共众url_vue单页面,在微信公众号支付中遇到的URL未注册BUG解决方法-Go语言中文社区...

    今天在做微信公众号支付的时候,遇到一个bug,在当前支付页面点击支付,就会报错,提示当前页面的URL未注册.如下图: 但是,这个URL我们是在后台微信公众号配置了的,所以说不会出错. 但是我们刷新一次 ...

  2. 微信公众号支付的那些坑

    在之前记录了一下做微信公众号支付的过程,但是有些混乱,之前做的内个也不是直接接的微信官方,而是转接的别人在接的微信官方,他们赚个手续费,在这之后因为app停用了一段时间,上游公司把我们的appid给关 ...

  3. 微信公众号支付之openID的获取

    本人前端最近在做微信公众号支付,看了官网的文档和一些网上的教程,基本上说的都差不多,在这里不再累述.这里只讲下openID怎么获取,因为教程和网上对openID的获取是少之又少,可能对大神来说这是件简 ...

  4. 微信公众号支付缺少参数问题

    最近在做微信公众号支付的内容.调用微信公众号给出的支付方法 发现总是报这样一个错误:调用微信支付JSAPI 缺少参数 appId.检查了很久,还是没发现问题在哪里.于是只好采用微信支付的另一种方法: ...

  5. 使用beecloud和easychat 做微信H5 微信公众号支付遇到的坑

    首先我先来说明微信h5和微信公众号支付的区别 微信H5指的是微信网页端支付.微信公众号支付指的是微信浏览器内发起微信支付,这种支付都是属于微信公众号支付.俩者本质的区别就是H5不需要微信网页授权,但是 ...

  6. 实例:用C#.NET手把手教你做微信公众号开发(21)--使用微信支付线上收款:H5方式

    在做线上.线下销售时,可以使用微信便捷支付,通过微信公众号收款有很多种收款方式,如下图: 今天我们来讲一下H5场景支付,使用手机浏览器打开就是H5方式,最常见的推广是短信内置链接,这种场景需要调用微信 ...

  7. vue 微信公众号支付接口_基于vue的h5项目之支付宝支付与微信支付

    本文仅记录基于vue开发h5项目过程中使用支付宝和微信支付过程中的重点与槽点,仅为前端部分,如有疏漏不正之处,请于文末评论探讨.注意:标红部分灰常重要,仔细阅读官方文档非常重要,耐心非常重要,细心非常 ...

  8. 支付宝H5,微信H5,微信公众号支付回调

    业务场景 应公司需求,需要在项目中接入支付宝h5支付,微信h5支付和微信公众号支付功能,本编主要讲述支付踩坑和h5支付后跳转的回调问题 微信h5支付 微信h5支付时需要校验下单域名,微信从refere ...

  9. 实例:用C#.NET手把手教你做微信公众号开发(20)--使用微信支付线上收款:jsapi方式

    在做线上.线下销售时,可以使用微信便捷支付,通过微信公众号收款有很多种收款方式,如下图: 今天我们来讲一下jsapi支付,场景就是在微信内打开某个页面,完成在线支付,同样一个网页,使用微信打开就是js ...

最新文章

  1. Windows Mobile 7 梦幻之旅系列1之- What’s New?
  2. win7如何添加开机启动程序(开机就自动运行打开)
  3. python中对切片的理解
  4. MySQL的GROUP_CONCAT函数
  5. MySQL create table as与create table like对比
  6. 图的深度优先遍历+图解
  7. (16)verilog 条件编译(FPGA不积跬步101)
  8. Power BI Desktop交互式和弦图
  9. LINUX下载编译sqlite3
  10. 计算机Word2010在线做题,Word2010题库(答案)试题.doc
  11. 中景园0.96寸 OLED 显示屏 学习笔记
  12. 中国大陆五级行政区划数据爬虫
  13. 相干性(Coherence)和相关性(Correlation)的区别和联系
  14. 单片机学习(三)8位数码管显示8个字符的程序及详解
  15. 行频、场频与分辨率、刷新率
  16. php微信公众号开发难吗,PHP微信公众号开发的两种模式
  17. c语言共阴极数码管数字6,共阴数码管 显示数字 C语言程序
  18. ubuntu服务器上,求生之路2服务器如何把监听地址改为0.0.0.0
  19. 小米air2se耳机只有一边有声音怎么办_小米推出与Air2系列的第三款Air2 SE拼性价比意义何在?...
  20. python手机编程输入法_用Python写一个拼音输入法

热门文章

  1. Google Play 封杀第三方支付
  2. 0101 混蛋罗心得[基本元素]
  3. iOS 14.6渣优化,续航噩梦
  4. 联合主键是什么意思,联合主键怎么创建
  5. 手机上怎么把图片转成PDF?操作起来很简单
  6. 使用jqury的心得
  7. 问题:浏览器自动填充input密码框
  8. matlab无限长一维原子链,固体物理 03-03一维双原子链
  9. C/C++中#和##的宏以及进行“花里胡哨“的命名及其应用
  10. python中cv2、Image和plt的图片打开、显示和保存