Tips：当你看到这个提示的时候，说明当前的文章是由原emlog博客系统搬迁至此的，文章发布时间已过于久远，编排和内容不一定完整，还请谅解`
微信 JSAPI 支付
日期：2019-3-30 阿珏 折腾代码 浏览：1883 次 评论：6 条
前段时间一直在做微信相关的业务，虽说不是什么新技术，但之前一直没有机会接触到，然后踩了些坑，抽空整理记录下。
微信支付一共分为7种，分为是：付款码支付、JSAPI支付、Native支付、APP支付、H5支付、小程序支付、人脸支付。
此次业务中使用到的是微信JSAPI支付：用户通过微信扫码、关注公众号等方式进入商家H5页面,并在 微信内 调用 JSSDK完成支付
文档： https://pay.weixin.qq.com/wiki/doc/api/index.html
SDK： https://pay.weixin.qq.com/wiki/doc/api/micropay.php?chapter=11_1
JSAPI支付需要在微信中的浏览器打开才能唤起微信支付，效果如下图
附上界面代码
代码中使用了模板引擎
html：
JavaScript： CSS部分 唤起微信支付，此处的js代码仅在微信手机浏览器中生效
界面基于妹子UI，效果如下图
PHP后端，创建本地订单
回调类调用 注意：微信支付需要在后台配置一个微信支付授权目录，其中的APPID等参数在微信支付后台可获取到。
微信公众号信息配置
APPID：绑定支付的APPID（必须配置，开户邮件中可查看）
MCHID：商户号（必须配置，开户邮件中可查看）
KEY：商户支付密钥，参考开户邮件设置（必须配置，登录商户平台自行设置）
设置地址：https://pay.weixin.qq.com/index.php/account/api_cert
APPSECRET：公众帐号secert（仅JSAPI支付的时候需要配置， 登录公众平台，进入开发者中心可设置），
获取地址：https://mp.weixin.qq.com/advanced/advanced?action=dev&t=advanced/dev&token=2005451881&lang=zh_CN
网友评论：
苏宝宝 2 年前 (2019-04-06)
这要怎么复制代码呀 我想实战操作下 求博主给个代码的百度云链接可否
@苏宝宝：微信官方给的 SDK 中有调用示例，文章中只是基本的 html 代码，复制去你也是没办法直接使用的，仅供参考
译丶浅夏 2 年前 (2019-04-03)
表情包怎么整合的，能不能出个教程大佬
@译丶浅夏：这个有现成的插件，可以去搜一下，但是由于每个博客的模板都不一样，得花点时间自己整上去
Ricky 2 年前 (2019-03-31)
前提是要有个可以开通支付的微信公众号
杨小杰博客 2 年前 (2019-03-30)
朕已阅