这篇主要讲解微信H5 常用到的微信模块和微信文件的引入及微信公众号、微信商务平台、微信开放平台的相关配置。
第一次使用微信开发文档的时候，感觉文档里面写的内容不算太难，但在实际开发中会碰到很多预想不到的问题。
微信开放平台、微信商务平台 有什么用？都在哪里用？
首先从微信公众号讲起，期间用到微信商务平台和微信开放平台再穿插着讲。
一、 微信公众配置
在注册完微信公众号（服务号）和完成微信认证后。
（1）功能设置
登陆微信公众号，在主菜单的 设置菜单下选择公众号设置子菜单。在页面上方选择功能设置。
功能设置里面包括业务域名、js接口安全域名及网页授权域名。这三个域名设置都需要绑定需要通过ICP备案的域名。其中业务域名和js接口安全域名每个月只有三次更改机会，网页授权域名没有做次数限制。
怎么绑定域名？
先下载第3条提到的txt文件，然后把这个txt放置到服务器项目文件的根目录（如果是tomcat，则放在root目录下）。想判断txt放置的位置对不对，只需先运行服务器上的项目，然后在浏览器上输入域名+项目名+text文件名.txt。如果txt能正常访问，就没问题了。
txt放置的位置没问题之后，在上图中输入服务器域名，点击保存即可。
业务域名配置、JS接口安全域名、网页授权域名配置好后，还需要配置IP白名单。
IP白名单位于设置主菜单下的安全中心。
白名单的作用就是公众号限定了只有IP白名单内IP才能成功获取该公众的access_token。
在请求access_token 时，需要用到appId和appSecret。这里需要用文档记录下来。
所有都配置好后，可以去 开发菜单->接口权限 参看所有的接口权限。如果网页授权 上面显示 已获取则代表 可以正常进行网页的授权开发。
（2）微信支付的配置
微信公众号配置左侧菜单有个微信支付子菜单，点击这个菜单就会看到 微信支付有三类：支付申请、服务商申请、M-A授权。
我这里介绍第三种M-A授权。
M-A授权需要和微信商务号挂钩。
微信服务商平台登录商务号，然后在产品中心下的APPID模块，添加需要接入的公众号APPID。点击确定。然后登陆对应的公众号，在M-A授权目录下面就能看到 申请单信息，点击同意后。再去查看接口权限信息就可以看到微信支付 权限 已获得。
获得了支付权限并不意味已经配置好了，微信商务平台（或者微信公众平台的微信支付菜单里面）有个支付授权目录绑定。一个微信商务号最多只能绑定5个目录。微信H5支付功能应该包括两个url（一个是后台的control,一个是前台的页面）。后台control负责微信的统一下单并生成getBrandWCPayRequest 的参数内容传回给前端。前端通过微信内H5支付执行微信支付。所有URL必须绑定两个，一个是control的url，另一个是页面的url。
微信规定url有效范围为一级，即：
如果绑定的url是：http://*/ 。它的下一级：http://*/pay 为有效url。
对单页面（spa）：这里的url是可以包含#的。如：http://**/index.html# 。
spa的特殊情况：如果你当前的支付页面的格式为http://*/index.html?customer=a#/pay，或者：http://*/index#/Bill。 这种url 带？或者带#号。可以考虑用 history.pushState(null, null, str) 修改当前页面的url然后再调用支付接口。