微信支付踩坑html5 调用js MCHID错误

无数人在吐槽微信支付，终于我要走上这条不归路
这里简单说一下我碰到的问题

1. 微信支付其实没有想象中的那么麻烦
2. 一个appid 对应一个MCHID

怎么申请支付之类的这里就不说了， 因为我这边拿过来就是已经申请好的。

首先我们下载 微信demo

这里我下载的是php ，因为也就会php 解压缩

解压缩后得到
这里为了操作方便 直接将文件夹内容传到网站根目录下<font color="red"> /wxpay/ </font> 中
假设你的域名是www.xxxxx.com
这里你访问<font color="red"> www.xxxxx.com/wxpay/index.php </font>应该会出现这个图
首页
红色部分就是你的域名 如果没有出现 检查一下是否设置了 <font color="red">测试授权目录</font>

到 微信公众平台 >微信支付 > 开发配置

开发配置

`

测试授权目录 <font color="red"> http://www.xxxxx.com/wxpay/ </font>
支付授权目录 <font color="red"> http://www.xxxxx.com/wxpay/ </font>
测试白名单 就是用那个微信号测试， 这里随便绑了 我的和我同事的微信号 这里有个小坑， 是微信号 不是账号
一般人都用qq 申请微信，但是 这里你 写微信号完全没用。。

修改代码

解压完成的demo 可以直接支付， 你以为微信支付这么简单吗，太天真了， 就这样我 一分钱支付出去了。

修改之前

修改为

<li style="background-color:#FF7F24"><a href="http://www.xxxxx.com/wxpay/example/jsapi.php">

完成之后就可以指向你自己的支付了，这个时候支付会失败，因为对应的appid ，MCHID 并没有配置
我们找到 <font color ="red"> /wxpay/lib/WxPay.Config.php</font>
可以看到微信支付的一些配置项

微信支付配置

一样一样的来找

1. APPID AppSecret 这两个在一起
   到 微信公众平台 >微信支付 > 开发配置
   

   appid&appscret

2. MCHID 老实说就是因为这个东西卡了好久一直没有弄好 这个东西文档上说的很清楚 在邮件里， 但是如果你碰到一个把邮件删掉了的老板了呢， 呵呵～

   我们到 腾讯客服
   使用他的补发邮件 略坑的是这个邮件要等比较久，提示说要等3天 大约等了5小时左右收到了邮件
   

   补发邮件

邮件图片

这里有个 神奇的 <font color="red"> 微信支付商户号</font>
这个就是传说中的 MCHID

3. 剩下一个 KEY 直接可以 根据上面给的链接直接获取， 虽然可以自己随便填，但是为了安全还是生成一个随机字符串的， 为了一些不必要的麻烦推荐使用 <font color="red"> 大小写字母加数字的组合</font> 不要使用符号。。。。

到这里就结束了， 现在点开 <font color ="red">jsapi.php</font> 就可以顺利支付了
具体如何获取到openid ，支付的金额修改 ，支付内容的修改这里就不说了
转载请注明来自** 李龙的博客**的 《微信支付踩坑html5 调用js MCHID错误怎么办》