申请权限

具体步骤就不说了，进入微信支付商户平台进行申请认证，认证成功后在微信公众号后台会有个微信支付的菜单按钮，点击后会有如下的信息

配置

在进行微信支付开发之前，必须进行一些必要的配置，如果这些配置中存在一些小小的问题，微信支付可能就无法正常工作。

授权目录配置

首先，配置支付授权目录，这是最重要的一步，也是很容易出问题的一步。

如下图所示，配置支付授权目录

在配置支付授权目录时，微信官方的要求是：

1. 所有使用公众号支付方式发起支付请求的链接地址，都必须在支付授权目录之下；
2. 最多设置3个支付授权目录，且域名必须通过ICP备案；
3. 头部要包含http或https，须细化到二级或三级目录，以左斜杠“/”结尾。

具体而言，就是

1. 发起微信支付的页面必须精确地位于授权目录下，授权目录不能是支付页面的上级目录和其他情况。

   例如,支付页面为http://www.a.com/wx/pay/a.html，那么授权目录必须为 http://www.a.com/wx/pay/ ,其他的如 http://www.a.com/wx/ ， https://www.a.com/wx/pay/ (http和https是不一样的), http://a.com/wx/pay/ (千万别忘了www) 都是不行的。填写了这些非法目录你会发现根本调不起支付。

2. 别忘了域名必须通过工信部的域名ICP备案，一般备案完成24小时后才能用于配置目录

   JS接口安全域名配置

   由于网页支付基于JS-SDK，所以必须配置JS接口安全域名，在微信公众号后台左侧菜单靠近底部的位置，点击设置|公众号设置，然后在显示出来的页面中点击功能设置选项卡中，设置JS接口安全域名，如下图所示

以上两步设置完毕，就可以进行微信网页支付(JSAPI支付)的开发了。

参考资料:

• 微信支付开发文档
• 微信公众号支付(网页支付)文档
• 微信JS-SDK开发文档