code换取微信openid_JAVA开发微信支付公众号支付/微信浏览器支付（JSAPI）

支付场景随处可见，上篇文章我已经介绍过支付宝支付的相关知识以及代码，今天我们来介绍一下微信支付的相关业务场景以及集成的相关步骤。

1.获取微信支付四大参数

要想集成微信支付，得先申请两个账号

①微信公众已认证的服务号,并且需要开通微信支付该能(必须是企业才有资格申请,请你找你家产品去申请吧),②微信商户平台账号；这两个账号一个不能少。此处已默认你已有上两个账号

此处是账号模板,请参考：

微信公众平台：账户：con*******om 登录密码 ******

公众APPID：wx15*********a8

APPSECEPT : c210***************892d7

微信商户平台：账户：149**********6742 登录密码：******

商户ID：14******42

API密钥：5d5************b35b

其中比较不好找的是商户的API密钥:在商户平台的账户中心下:需要用户自行下载证书及安装,(略)

至此我们需要的APPID(appid),APPSECEPT(appsecret),商户ID(mch_id),API密钥(paternerKey),四个重要参数已拿到,括号中是我们代码所用的变量名称请提前熟悉。

2：平台配置

(1).配置支付目录：商户平台：

配置此目录是代码中“微信支付”所在页面的地址,可以是目录不一定是全路径-如http://www.wangtao.com/order/-----此一级域名需要ICP备案。

点击添加

(2).配置授权域名：微信公众平台：

    支付过程需要获取用户openid,必须经过网页授权配置才可以,要不然获取不到openid。

点击设置,按说明设置

3.开发流程：

微信支付原理(说白了就是调用官方文档的“统一下单”接口,之后将微信服务器返回的参数做个加工后,返回到前台(JSP页面),就OK了。咱们要做的就是想方设法的凑齐统一下单的所有参数“而已”,“而已”,“而已”,这个而已也就是最大的挑战)。所有参数解释请参考：官方文档：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1；

    咱们只考虑必填参数,其他参数可以就看你的了。

    先来看看所有参数：

其中的必填参数有：

1. appid APPID (已有)

2.  mch_id 商户ID (已有)

3. nonce_str 随机字符串

4.  sign 签名

5.  body 所支付的名称

6.  out_trade_no 咱们自己所提供的订单号,需要唯一

7.  total_fee 支付金额

8.  spbill_create_ip IP地址

9.  notify_url 回调地址

10. trade_type 支付类型

11.   openid 支付人的微信公众号对应的唯一标识

    只要把这11个凑齐就齐活,现在咱们从第3个开始一个一个的获取；在这之前先从官网把公众号支付的sdk下载下来,如图

主要是用其中的WXPayUtil工具类中的一些方法。当然其他的类我看不懂,要是看懂了,就不至于这么费劲了。

好了开始咱们的取值之旅了：

1. appid APPID (已有)

2. mch_id 商户ID (已有)

3.  nonce_str：随机字符串用WXPayUtil中的generateNonceStr()即可,就是生成UUID的方法；

4. sign 签名 用WXPayUtil中的generateSignature(finalMap data, String key)方法,data是将除了sign外,其他10个参数放到map中,key是四大配置参数中的API秘钥(paternerKey)(这里不要着急管它,最后处理它)；

5. body 所支付的名称

6.  out_trade_no：自己后台生成的订单号,只要保证唯一就好：如“2018013000001”

7.  total_fee 支付金额 单位：分,为了测试此值给1,表示支付1分钱

8.  spbill_create_ip IP地址 网上很多ip的方法,自己找,此处测试给“127.0.0.1”

9.  notify_url：回调地址：这是微信支付成功后,微信那边会带着一大堆参数(XML格式)请求这个地址多次,这个地址做我们业务处理如：修改订单状态,赠送积分等。Ps：支付还没成功还想这么远干嘛,最后再说。地址要公网可以访问。

10.  trade_type 支付类型 咱们是公众号支付此处给“JSAPI”

11.  openid 支付人的微信公众号对应的唯一标识,每个人的openid在不同的公众号是不一样的,这11个参数里,最费劲的就是他了,其他的几乎都已经解决,现在开发得到这个参数。

    获得openid的部分内容应该不属于微信支付的范畴,属于微信公众号网页授权的东西,详情请参考微信网页授权：

获得openid步骤：

第一步：用户同意授权,获取code

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

注意：1. redirect_uri参数：授权后重定向的回调链接地址, 请使用 urlEncode 对链接进行处理。

2. scope：用snsapi_base 。

通过此链接可以获取code,可以在一个空页面设置一个a标签,链接至其redirect_uri的地址。点击a标签,即可链接到redirect_uri的地址,并携带code。

appid=wx15c*********&redirect_uri=http%3a%2f%2fwww.***.com%2fpay.jsp&response_type=code&

scope=snsapi_base#wechat_redirect">去支付页面pay.jsp并携带code

第二步：通过code换取网页授权access_token(其实微信支付就没有必要获取access_token了,咱们只要其中openid,不是要用户信息,此步结果已经就含有咱们需要的openid了)

获取code后,请求以下链接获取access_token： https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

上一步的code有了,对于此链接的参数就容易了。可是在页面上如何处理是个问题,我是在pay.jsp页面加载完成后将获取code当做参数传异步到后台,在后台中用http相关类发送get请求(可以自行网上查找)。返回的JSON结果为：

{ "access_token":"ACCESS_TOKEN",

"expires_in":7200,

"refresh_token":"REFRESH_TOKEN",

"openid":"OPENID",//就是它，只要这个值

"scope":"SCOPE" }

好了,access_token是有了,不过咱们不关心它,咱们关心的是openid,有了它一就回到咱们“统一下单”接口里,所有的参数已经就位就等发送了。在回顾下11个必填参数：

1. appid APPID (已有)

2.  mch_id 商户ID (已有)

3. nonce_str 随机字符串用WXPayUtil中的generateNonceStr()即可,就是生成UUID的方法；

4. sign 签名 用WXPayUtil中的publicstatic String generateSignature(final Map data, Stringkey)方法,data是将除了sign外,其他10个参数放到map中,key是四大配置参数中的API秘钥(paternerKey)(此时可以处理它了,不过其他10个参数都有了,它就easy了,先new一个map,依次put其他10个参数,就可以用generateSignature方法了,得到了sign后,不要忘记再将sign put到只有10个参数的map中,这样才能凑齐最后的第11个参数。准备召唤神龙吧。)；

5. body 所支付的名称

6.  out_trade_no 自己后台生成的订单号,只要保证唯一就好：如“2018013000001”

7.  total_fee 支付金额 单位：分,为了测试此值给1,表示支付1分钱

8.  spbill_create_ip IP地址 网上很多ip的方法,自己找,此处测试给“127.0.0.1”

9.  notify_url 回调地址：这是微信支付成功后,微信那边会带着一大堆参数(XML格式)请求这个地址多次,这个地址做我们业务处理如：修改订单状态,赠送积分等。Ps：支付还没成功还想这么远干嘛,最后再说。地址要公网可以访问。

10. trade_type 支付类型 咱们是公众号支付此处给“JSAPI”

11. openid (已有)

好了,准备工作完成,开始发送POST请求吧,上面提到网上找到的get请求的方法,此处用到post请求的方法,请求微信"统一下单接口https://api.mch.weixin.qq.com/pay/unifiedorder。发送前先用WXPayUtil工具类中的public static String mapToXml(Map data)方法将有11个参数的map转成XML格式。发送后会返回String类型的返回值,如果你够幸运的话应该会得到XML的字符串：

先用WXPayUtil类中的public static Map xmlToMap(String strXML)方法,将刚才返回的XML格式的字符串转成map(为了方便取值)。map.get(“prepay_id”)就得到了prepay_id的值(比如得到的是：“wx2018…250…9981…666”),记住它,先保留此值。

看看前台都需要接收哪些值吧。

6个参数,咱们还是一个一个分析：

1.  appId：四大参数之一的APPID；

2.  timestamp：时间戳(newDate()即可)

3.  nonceStr：随机字符串,再次用WXPayUtil中的generateNonceStr()即可；

4.  package：就tm是它用到了prepay_id,但是还不是直接取值,还非要固定格式的,值的格式例如：”prepay_id= wx2018…250…9981…666”

5.  signType：写MD5就好

6.  paySign：又来了还是签名算法 ,按照上面的方法,用WXPayUtil中的publicstatic String generateSignature(final Map data, Stringkey)方法,data是将除了paySign外,其他5个参数放到map中,key是四大配置参数中的API秘钥(paternerKey),得到了paySign后,不要忘记再将paySign put到只有5个参数的map中,这样才能凑齐最后的第6个参数。)；

注意：此处有个小bug,很多人会被坑的很惨,不注意就掉坑里,我是掉进去了,就是最关键的第4个参数package,眼熟不眼熟,这tm是JAVA的关键字,不能用来当变量名。

所有的参数有了,返回给前端的方法有很多,简易用springMVC的@ResponseBody注解,即可将这个有6个参数的map按json格式传给前端。好了,后台工作完成。

    前端的工作就容易多了,格式比较固定因为是微信固定格式,所以直接贴出我的代码,你只要更换触发支付的事件和异步的地址即可.

前端简单来说：1.一个空jsp页面上有个a标签，用来获取code，并跳转到pay.jsp(上面提到过)。

      2.pay.jsp中需要异步到后台需要带code参数,pay.jsp中页面的地址上带着code,想获取code的方法很多,抛砖引引玉：(定义一个按钮,按钮上绑定一个code的属性值是页面链接的code的值,用EL表达式取的参数值,点击按钮触发点击事件)。

      3.接收后台传过来值，调用固定方法。

Pay.jsp中内容只有一个”微信支付”的按钮,和js的代码,以下是js内容(获取code方法可以修改),其它内容不要修改