1、准备
1.1、公众号为服务号,开通微信支付功能
1.2、为了方便调试微信后台的回调URL(必须为外网),我用了nat123软件来做一个映射
1.3、官方微信开发的示例WxPayApi(.net版本)
2、业务流程图
![](https://i-blog.csdnimg.cn/blog_migrate/5e92845faa6cb5d04a77735ba7370257.png)
3、步骤
3.1、用户访问商户的链接,商户链接地址调用【网页授权获取用户信息】接口获取用户的openid和access_token
参考:
网页授权获取用户基本信息
3.1.1、第一步,用户同意授权,获取code,调用接口如下
如:redirect_uri填:http://edoec.com/EdoecPayWeb/Views/WxPay/ProductPage.aspx,redirect_uri网址的域名(这里是edoec.com)要先在公众号的“网页授权获取用名基本信息”的“授权回调域名地址”里设置好,如下图:
这个接口要调用成功的条件是要在公众号的“网页授权获取用户基本信息”填写“授权回调页面域名”
否则微信公众号支付jsapi,打开网页后,出错如下错误:redirect_uri错误
![](https://i-blog.csdnimg.cn/blog_migrate/ce5e812d33a4825a9af61b67b321629f.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3b4574c15c740ec8e86de725ca0896f3.png)
授权回调页面的域名是上面:redirect_uri的域名,即:edoec.com
![](https://i-blog.csdnimg.cn/blog_migrate/832ba5af2e1d5fd91f4dd891e4144859.png)
3.1.2、第二步,通过回调地址redirect_uri收到code值,通过code换取网页授权access_token和openid
请求格式如:
![](https://i-blog.csdnimg.cn/blog_migrate/a966eab47bb8c241ce6370c267dbfc49.png)
![](https://i-blog.csdnimg.cn/blog_migrate/7c1c066910bd613b17d0c3d17267878e.png)
在WxPayApi示例里第二步出错:
请求格式:
出错如下:
![](https://i-blog.csdnimg.cn/blog_migrate/6982deb36b4ca5e5cce490e27598e2b1.png)
原因:在HttpService.cs的get方法里用了代理,我代理里的ip写成了空,不要用代理
![](https://i-blog.csdnimg.cn/blog_migrate/18ba24967c0a518b416e7f13e9a3d68d.png)
3.2、用3.1中获取到openid调用统一下单api,代码如下
通过调用url:https://api.mch.weixin.qq.com/pay/unifiedorder,来在微信支付系统下单,生成账单,这里会返回生成账单的账单号prepay_id
3.3、最终在HTML5界面调用支付JSAPI(对应业务流程图的“JSAPI接口请求支付”流程):
需要:
1、在3.2步骤里微信支付系统通过统一下单已经产生的单号:prepay_id,和paySign
2、
发起支付的HTML5界面必须在微信公众号——>微信支付——〉开发配置——〉支付授权目录里,如下图
![](https://i-blog.csdnimg.cn/blog_migrate/1acd36b2714aea4d0d7365d912b73024.png)
![](https://i-blog.csdnimg.cn/blog_migrate/6ebe3312c481b26d48b51b21db3e481e.png)
格式如下:
"{\"appId\":\"wxa842e8005c427e2d\",\"nonceStr\":\"1f2f9eda959b468e8c98c100e5e3b755\",\"package\":\"prepay_id=wx201602291402363c9dbefb210900648129\",\"paySign\":\"94AB6A4E818266C0338A4A28E08D016C\",\"signType\":\"MD5\",\"timeStamp\":\"1456725741\"}"
![](https://i-blog.csdnimg.cn/blog_migrate/3d7067df2b42eceb3b6b7837c9d20b14.png)