【实战】.NET/C# 微信公众号 JSAPI 支付[附源码]

小渣渣

微信支付类型：付款码支付、JSAPI支付、Native支付、APP支付、小程序支付、刷脸支付，如下图：


https://pay.weixin.qq.com/wiki/doc/api/index.html


每一种支付类型都对应不同的应用场景，如果我们在微信公众号里面开发了一个 H5 网站，可以使用 JSAPI 支付来完成订单的收款！需要申请微信服务号才能完成 JSAPI 支付。



之前帮朋友写过  JSAPI 支付的 Demo，今天就整理发出来一下。首先，先看一下 .NET/C# 开发的网站成功调用 JSAPI 支付的效果图：



JSAPI 支付流程

（1）用户点击你的网站链接，判断当前cookie有没有失效，失效走获取openid的步骤
（2）跳转获取 openid，跳转到 https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect  这个网址，所有用户跳转的网址都是一样的
（3）通过 access token 和 code 参数获取用户的 open id，地址：https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
（4）输出一个 cookie ，后端能根据 cookie 知道当前用户的 openid
（5）调用统一下单接口：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1，提交回调地址notify_url，并且获取到了 prepay_id 值
（6）JSAPI调起支付：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6
（7）用户支付完成后，微信后台会调用回调接口：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_7

下载源码，修改 web.config 的配置，由于我使用了 nginx 反向代理 _Layout.cshtml 文件 js 和 css 路径写死了，需要根据自己情况做调整，如下图：



源码下载：https://down.itsvse.com/item/kzkjjz.html

回顾：

微信支付 JSAPI 当前页面的 URL 未注册解决方案
https://www.itsvse.com/thread-10190-1-1.html

ASP.NET WEB API 响应微信请求
https://www.itsvse.com/thread-5748-1-1.html

.net/c# 微信公众号上传图片[源码]
https://www.itsvse.com/thread-3903-1-1.html

微信公众号开发图片不能在ios平台显示的问题
https://www.itsvse.com/thread-3889-1-1.html

微信网页版登陆发送消息分析
https://www.itsvse.com/thread-3517-1-1.html

微信公众号开发之VS远程调试
https://www.itsvse.com/thread-3441-1-1.html

微信公众号在联通网络下jssdk签名错误的解决办法
https://www.itsvse.com/thread-3245-1-1.html

微信禁止在safari打开网页
https://www.itsvse.com/thread-3118-1-1.html

c#/.net微信开发获取js-sdk签名
https://www.itsvse.com/thread-3081-1-1.html

微信公众号开发系列教程
https://www.itsvse.com/thread-3076-1-1.html

[源码].net/c#微信智能聊天gis位置信息扫一扫获取图片功能
https://www.itsvse.com/thread-3059-1-1.html

.net做微信开发获取用户资料和扫一扫功能[附源码]
https://www.itsvse.com/thread-3052-1-1.html

参考资料：

JSAPI 场景介绍：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_1
JSAPI支付：https://pay.weixin.qq.com/wiki/doc/apiv3/apis/chapter3_1_1.shtml