注意：只有企业公众号才可以申请微信支付，个人公众号无权限申请。所以，我们得先有一个企业公众号。
一、参考官网文档
进入微信支付开发文档的官网地址https://pay.weixin.qq.com/wiki/doc/api/index.html，点击JSAPI支付。
1、主要交互流程
可以看到的是：商户系统和微信支付系统主要交互在于：
1、商户server调用统一下单接口请求订单，api参见公共api【统一下单API】
2、商户server接收支付通知，api参见公共api【支付结果通知API】
3、商户server查询支付结果，api参见公共api【查询订单API】
2、设置授权域名
开发JSAPI支付时，在统一下单接口中要求必传用户openid，而获取openid则需要您在公众平台设置获取openid的域名，只有被设置过的域名才是一个有效的获取openid的域名，否则将获取失败。
2.1、登录企业公众平台
在“开发 - 接口权限 - 网页服务 - 网页授权- 网页授权获取用户基本信息”的配置选项中，修改授权回调域名。请注意，这里填写的是域名（是一个字符串），而不是URL，因此请勿加 http:// 等协议头。
注意：配置的时候需要将该txt文件放置到公众号的根目录下，并且确保可以通过浏览器直接访问该文件。
2.2、使用内网穿透工具将域名映射到本地，方便调试
这里我使用的是https://www.ngrok.cc/，使用方法参考博客：，配置域名http://hungteshun.viphk.ngrok.org指向本地开发的项目地址127.0.0.1:8080，方便调试。
二、手动方式获取openid
官网文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#0
1、第一步：用户同意授权，获取code
在确保微信公众账号拥有授权作用域（scope参数）的权限的前提下（服务号获得高级接口后，默认拥有scope参数中的snsapi_base和snsapi_userinfo），在微信客户端打开以下链接：
https://open.weixin.qq.com/connect/oauth2/authorize?appid=公众号的appId&redirect_uri=http://hungteshun.viphk.ngrok.org/sell/weixin/callback&response_type=code&scope=snsapi_base&state="state"#wechat_redirect
参数说明
| 参数 | 是否必须 | 说明 |
|---|---|---|
| appid | 是 | 公众号的唯一标识 |
| redirect_uri | 是 | 授权后重定向的回调链接地址， 请使用 urlEncode 对链接进行处理 |
| response_type | 是 | 返回类型，请填写code |
| scope | 是 | 应用授权作用域，snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo （弹出授权页面，可通过openid拿到昵称、性别、所在地。并且， 即使在未关注的情况下，只要用户授权，也能获取其信息 ） |
| state | 否 | 重定向后会带上state参数，开发者可以填写a-zA-Z0-9的参数值，最多128字节 |
| #wechat_redirect | 是 | 无论直接打开还是做页面302重定向时候，必须带此参数 |
这里的redirect_uri值，必须是公众平台中配置的授权域名下的url，否则不能回调。
请求成功之后，将会跳转至 http://hungteshun.viphk.ngrok.org/sell/weixin/callback?code=CODE&state=STATE，携带的参数为code和state。
2、第二步：通过code换取网页授权access_token和openid
在微信客户端打开以下链接
https://api.weixin.qq.com/sns/oauth2/access_token?appid=公众号的appid&secret=公众号的secret&code=CODE&grant_type=authorization_code
参数说明
| 参数 | 是否必须 | 说明 |
|---|---|---|
| appid | 是 | 公众号的唯一标识 |
| secret | 是 | 公众号的appsecret |
| code | 是 | 填写第一步获取的code参数 |
| grant_type | 是 | 填写为authorization_code |
正确时返回的JSON数据包如下：
{
"access_token":"ACCESS_TOKEN",
"expires_in":7200,
"refresh_token":"REFRESH_TOKEN",
"openid":"OPENID",
"scope":"SCOPE"
}
参数说明：
| 参数 | 描述 |
|---|---|
| access_token | 网页授权接口调用凭证,注意：此access_token与基础支持的access_token不同 |
| expires_in | access_token接口调用凭证超时时间，单位（秒） |
| refresh_token | 用户刷新access_token |
| openid | 用户唯一标识，请注意，在未关注公众号时，用户访问公众号的网页，也会产生一个用户和公众号唯一的OpenID |
| scope | 用户授权的作用域，使用逗号（,）分隔 |
如果网页授权的作用域为snsapi_base，则本步骤中获取到网页授权access_token的同时，也获取到了openid，snsapi_base式的网页授权流程即到此为止。
如果网页授权的作用域为snsapi_base，则可以继续获取用户的信息，具体操作参考官方文档。
三、通过sdk方式获取openid（推荐）
1、