you have been blocked专业提供QQ活动，QQ新闻，QQ技巧，电脑技巧以及其他日常信息，让我们的Q生活更加精彩！
下次免登录
当前位置：&>&&>&
微信无感支付怎么用  微信无感支付功能有那几个城市开通了
微信无感支付怎么用 &微信无感支付功能有那几个城市开通了
是微信里面在停车场停车时不需要刷卡感应就能结算的一个功能
微信无感支付怎么用
车主在深圳机场首次使用微信&无感支付&停车时，只需通过&微信车主服务&小程序一键绑定车牌
并开通免密支付，即可在离场时，由系统从绑定的微信账号中自动扣取车费
享受&入场无需领卡、离场无需扫码&的不停车&无感支付&体验，车辆出场通行时间也将由原来的10秒缩短至2秒左右。
车辆出场后，出入场信息会即时同步到&微信车主服务&后台，并通过&微信支付&公众号推送给车主
绑定签约一次即可在所有接入车主服务的场景通用。
深圳宝安国际机场P1、P2、P3三个社会停车场已全面开通微信&无感支付&，解决车主停车缴费难、缴费时间长等问题。
本站最新更新
··········you have been blocked阅读(1066)
微信支付教程系列之公众号支付
& &&& & 今天，我们接着讲微信支付的系列教程，前面，我们讲了这个微信红包和扫码支付。现在，我们讲讲这个公众号支付。公众号支付的应用环境常见的用户通过公众号，然后再通过公众号里面的菜单链接，进入公众号的商城，然后在里面完成购买和支付功能，我们可以看看官方对这个公众号支付的场景的解释，链接：，通过这个官方的解释，那我们大概清楚这个公众号的用途了，下面，我就说说，做这个公众号支付的准备工作有哪些了。
& &&& & 1、下载微信web开发者工具，工具的使用方式，也看链接，地址：
& &&& & 2、配置&微信支付&环境，如下图：
& &&& & 3、授权获取用户信息，如下图：
& &&& & 下面开始，一步一步往下走。
& &&& & 一、我们先开发程序，首先，新建一个MVC工程（asp.net的话，官方给的demo就是asp.net的，可以下载来参考：），名为：微信支付之公众号支付，如下图：
& &&& & 然后右键项目，我们修改一下属性，如下图：
然后我们再把程序自动生成的HomeController.cs和View里面的删掉，再新建一个HomeController.cs和添加View，代码如下：
using System.Collections.G
using System.L
using System.W
using System.Web.M
namespace Web.Controllers
public class HomeController : Controller
// GET: Home
public ActionResult Index()
return View();
View代码：
&!DOCTYPE html&
&meta name="viewport" content="width=device-width" /&
&title&Index&/title&
& &&& & 嗯，没错，目前还是空的，现在我们开始写前台，代码如下（我先贴上代码，后续再解释为啥这么做，因为如果一步步的写下去，按照前面两个的篇幅来，我觉得都可以开课了，所以，我先上代码，然后再一步步解释。）：&
&!DOCTYPE html&
&meta name="viewport" content="width=device-width" /&
&title&电表充值服务&/title&
&link href="~/Scripts/jquery-easyui-1.4.5/themes/bootstrap/easyui.css" rel="stylesheet" /&
&link href="~/Scripts/jquery-easyui-1.4.5/themes/mobile.css" rel="stylesheet" /&
&link href="~/Scripts/jquery-easyui-1.4.5/themes/icon.css" rel="stylesheet" /&
&style type="text/css"&
padding:0;
width: 100%;
height: 70px;
background: url(/Images/EleLogo.png) 0 0 no-repeat;
background-size: 100% 100%;
padding: 0;
margin: 0;
width: 100%;
float: left;
height: auto;
text-align: center;
margin-top: 10px;
.lineText {
width: 100%;
float: left;
height: auto;
text-indent: 5%;
text-align: left;
font-size: x-large;
margin: 0;
.function {
height: 60pt;
line-height: 60pt;
width: 45%;
float: left;
border-radius: 10px;
background-color: #990000;
margin-left: 8pt;
font-family: "微软雅黑";
font-size: x-large;
color: white;
text-decoration: none;
color: white;
vertical-align: central;
vertical-align: central;
.lbBlock {
border: 1px solid #808080;
background-color: grey;
width: 90%;
margin-left: 5%;
font-size: x-large;
border-radius: 10px;
text-align: left;
text-indent: 10pt;
height: 30pt;
padding-top: 5pt;
width: 90%;
height: 35pt;
font-size: x-large;
background-color: #990000;
color: white;
background: url(/Images/red.png) 0 0 repeat;
border: none;
border-radius: 10px;
margin: 10px 0 0 0;
height: 30pt;
width: 90%;
font-size: x-large;
border-radius: 10px;
margin: 0;
padding: 0;
&div class="logo"&
&form id="ChargeForm"&
&div class="line"&
&div class="lineText"&
&div class="line"&
&input type="number" id="ChargeVal" name="ChargeVal" class="input" placeholder="单位:元" /&
&div class="line"&
&input type="button" class="btn" value="立即充值" onclick="fCharge()" style="margin-top: 20" /&
&div class="line"&
&input type="button" id="btnHome" class="btn" value="返回主页" onclick="fBackHome()" /&
&script src="~/Scripts/jquery-easyui-1.4.5/jquery.min.js"&&/script&
&script src="~/Scripts/jquery-easyui-1.4.5/jquery.easyui.min.js"&&/script&
&script src="~/Scripts/jquery-easyui-1.4.5/jquery.easyui.mobile.js"&&/script&
&script src="~/Scripts/jquery-easyui-1.4.5/easyloader.js"&&/script&
&script type="text/javascript"&
$(function () {
var vCode = getQueryString("code");
if (vCode != "" && vCode != null) {
//alert(vCode);
type: 'post',
code: vCode
url: '/Home/getWxInfo',
success: function (sjson) {
//alert(sjson);
//var vData = JSON.stringify(sjson);
//alert(vData);
$.messager.show({
title: '提示',
msg: '欢迎您来到微信端充值中心。'
type: 'post',
url: '/Home/getCode',
success: function (sjson) {
//alert(sjson);
location.href =
//获取url的参数
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
//初始化微信支付环境
function fCharge() {
if (typeof WeixinJSBridge == "undefined") {
if (document.addEventListener) {
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
} else if (document.attachEvent) {
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
fPostCharge();
//提交充值数据
function fPostCharge() {
var vChargeVal = $("#ChargeVal").val();
vChargeVal = parseFloat(vChargeVal);
if (vChargeVal & 0) {
$.messager.progress({
title: "",
msg: "正在调用微信支付接口,请稍后..."
type: "post",
data: "totalfee=" + vChargeVal,
url: "/Home/MeterRecharge",
success: function (json) {
$.messager.progress('close');//记得关闭
//var json = eval("(" + msg + ")");//转换后的JSON对象
onBridgeReady(json);
error: function () {
$.messager.progress('close');//记得关闭
$.messager.alert("提示", '调用微信支付模块失败，请稍后再试。', 'info')
alert("房间名或者充值金额不可以为空或者为负数,请确认后再试.")
//调用微信支付模块
function onBridgeReady(json) {
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId": json.appId,
//公众号名称，由商户传入
"timeStamp": json.timeStamp,
//时间戳，自1970年以来的秒数
"nonceStr": json.nonceStr, //随机串
"package": json.packageValue,
"signType": "MD5",
//微信签名方式:
"paySign": json.paySign //微信签名
function (res) {
if (res.err_msg == "get_brand_wcpay_request:ok") {
//alert("支付成功,请稍后查询余额,如有疑问,请联系管理员.");
fAlreadyPay();
// 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回
ok，但并不保证它绝对可靠。
function fBackHome() {
location.href = "/";
后台代码如下：
using System.Collections.G
using System.L
using System.W
using System.Web.M
using Web.M
using WxPayAPI;
namespace Web.Controllers
public class HomeController : Controller
JsApiPay jsApiPay = new JsApiPay();
// GET: Home
public ActionResult Index()
if (Session["openid"] == null)
//调用【网页授权获取用户信息】接口获取用户的openid和access_token
GetOpenidAndAccessToken();
catch (Exception ex)
//Response.Write(ex.ToString());
return View();
* 网页授权获取用户基本信息的全部过程
* 详情请参看网页授权获取用户基本信息：http://mp.weixin.qq.com/wiki/17/c0f37d13d5d2c37b468d75.html
* 第一步：利用url跳转获取code
* 第二步：利用code去获取openid和access_token
public void GetOpenidAndAccessToken()
if (Session["code"] != null)
//获取code码，以获取openid和access_token
string code = Session["code"].ToString();
Log.Debug(this.GetType().ToString(), "Get code : " + code);
jsApiPay.GetOpenidAndAccessTokenFromCode(code);
//构造网页授权获取code的URL
string host = Request.Url.H
string path = Request.P
string redirect_uri = HttpUtility.UrlEncode("http://" + host + path);
//string redirect_uri = HttpUtility.UrlEncode("http://gzh.lmx.ren");
WxPayData data = new WxPayData();
data.SetValue("appid", WxPayConfig.APPID);
data.SetValue("redirect_uri", redirect_uri);
data.SetValue("response_type", "code");
data.SetValue("scope", "snsapi_base");
data.SetValue("state", "STATE" + "#wechat_redirect");
string url = "https://open.weixin.qq.com/connect/oauth2/authorize?" + data.ToUrl();
Log.Debug(this.GetType().ToString(), "Will Redirect to URL : " + url);
Session["url"] =
/// &summary&
/// 获取code
/// &/summary&
/// &returns&&/returns&
[HttpPost]
public ActionResult getCode()
object objResult = "";
if (Session["url"] != null)
objResult = Session["url"].ToString();
objResult = "url为空。";
return Json(objResult);
/// &summary&
/// 通过code换取网页授权access_token和openid的返回数据
/// &/summary&
/// &returns&&/returns&
[HttpPost]
public ActionResult getWxInfo()
object objResult = "";
string strCode = Request.Form["code"];
if (Session["access_token"] == null || Session["openid"] == null)
jsApiPay.GetOpenidAndAccessTokenFromCode(strCode);
string strAccess_Token = Session["access_token"].ToString();
string strOpenid = Session["openid"].ToString();
objResult = new { openid = strOpenid, access_token = strAccess_Token };
return Json(objResult);
/// &summary&
/// &/summary&
/// &returns&&/returns&
[HttpPost]
public ActionResult MeterRecharge()
object objResult = "";
string strTotal_fee = Request.Form["totalfee"];
string strFee = (double.Parse(strTotal_fee) * 100).ToString();
//若传递了相关参数，则调统一下单接口，获得后续相关接口的入口参数
jsApiPay.openid = Session["openid"].ToString();
jsApiPay.total_fee = int.Parse(strFee);
//JSAPI支付预处理
string strBody = "南宫萧尘微信支付";//商品描述
WxPayData unifiedOrderResult = jsApiPay.GetUnifiedOrderResult(strBody);
WxPayData wxJsApiParam = jsApiPay.GetJsApiParameters();//获取H5调起JS API参数
ModelForOrder aOrder = new ModelForOrder()
appId = wxJsApiParam.GetValue("appId").ToString(),
nonceStr = wxJsApiParam.GetValue("nonceStr").ToString(),
packageValue = wxJsApiParam.GetValue("package").ToString(),
paySign = wxJsApiParam.GetValue("paySign").ToString(),
timeStamp = wxJsApiParam.GetValue("timeStamp").ToString(),
msg = "成功下单,正在接入微信支付."
objResult = aO
catch (Exception ex)
ModelForOrder aOrder = new ModelForOrder()
appId = "",
nonceStr = "",
packageValue = "",
paySign = "",
timeStamp = "",
msg = "下单失败，请重试,多次失败,请联系管理员."
objResult = aO
return Json(objResult);
ModelForOrder类的代码：
using System.Collections.G
using System.L
using System.W
namespace Web.Models
public class ModelForOrder
public string appId { get; set; }
public string timeStamp { get; set; }
public string nonceStr { get; set; }
public string packageValue { get; set; }
public string paySign { get; set; }
public string msg { get; set; }
还有一个地方需要注意，修改一下的就是这里WxLib/business/JsApiPay.cs，如下图：
最后，把程序发布出来，这次咱们把Web发布在上&，然后再把接口权限，改为这样的，如下图：
& &&& &&注意，这里面的域名和上面我们发布的域名要一致。
& &&& & 除此以外，我们还需要改这里：
& &&& &&就是一定要授权这里，否则，支付的时候，会提示其他错误，具体，我就不测试了。
& &&& & 另外，这里其实已经完成了这个公众号的支付的流程了，但是，我们页面上，会友善的提醒（其实不友善，提示是红色的，在头部，提示别输入密码什么），这是因为，我们还没把咱们这个域名设置为安全域名，设置之后，就不会在提示了。设置方法如下图：
在这里面加入咱们的域名，就完美了。。。
& &&& & 我的代码都尽量精简，多余的，我都会丢掉，就是为了避免混淆视听。如果代码里面，有写的不清楚的，可以私信问我，或群里来问我，群号在文章末端。
现在，我开始一一解释我上面的做法。
& &&& & 首先，在后端，页面加载的时候，他会先执行
public ActionResult Index()
if (Session["openid"] == null)
//调用【网页授权获取用户信息】接口获取用户的openid和access_token
GetOpenidAndAccessToken();
catch (Exception ex)
//Response.Write(ex.ToString());
return View();
这里面就是为了获取用户的Openid和Access_token，这个用途很大，还有就是，我们通过代码可以知道，我们通过这个方法，可以获取到微信的一些相关信息，获取完了之后，他会返回到我们的页面上来，url就存在一个session里面，如下：
Session["url"]&=& & & & &
接着，在前端：
& &&& & 当页面加载完毕之后，会执行以下JS方法，如下：
$(function () {
var vCode = getQueryString("code");
if (vCode != "" && vCode != null) {
//alert(vCode);
type: 'post',
code: vCode
url: '/Home/getWxInfo',
success: function (sjson) {
//alert(sjson);
//var vData = JSON.stringify(sjson);
//alert(vData);
$.messager.show({
title: '提示',
msg: '欢迎您来到微信端充值中心。'
type: 'post',
url: '/Home/getCode',
success: function (sjson) {
//alert(sjson);
location.href =
他会先获取浏览器的url，然后获取code，就是一般url后面的xxx.com?code=xxx，这里面就是首先判断有无code，如果没有code，则，我们去后台请求这个code。为什么请求这个code呢？我们来看这个方法：&getWxInfo，如下图：
/// &summary&
/// 获取code
/// &/summary&
/// &returns&&/returns&
[HttpPost]
public ActionResult getCode()
object objResult = "";
if (Session["url"] != null)
objResult = Session["url"].ToString();
objResult = "url为空。";
return Json(objResult);
他就会返回url到前端，前端通过js去访问那个网址，那个网址就是微信端获取到我们的信息之后，给我们按照规则再返回一个url，这rul就是我们后面需要后去的code的url。这个code对我们至关重要，因为后面我们要做跟支付有关的工作，都用到的。有了code，我们才能拿到openid和access_token。具体看代码逻辑也可以明了。
& &&& & 好，走到这一步，我们已经知道openid和access_token了，这个时候，我们就负责处理前端的东西。
& &&& & 前端，我就一个金额输入框，然后一个提交，实际应用中，我们肯定还需要传入商品的参数，我这里面就不写那些多余的了，后续你们自己加进去就可以了。这里面在点击提交的时候，会调用微信的环境，看下面的代码：
//初始化微信支付环境
function fCharge() {
if (typeof WeixinJSBridge == "undefined") {
if (document.addEventListener) {
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
} else if (document.attachEvent) {
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
fPostCharge();
他会初始化一下环境，如果初始化成功，代表，这个页面是在微信客户端里面运行的，那么我们就给他运行我们真正的充值代码提交，所以，就会执行：fPostCharge();
提交之后，就会进入后台，后台需要组织我们前台需要用到的参数，其中包括如下：
/// &summary&
/// &/summary&
/// &returns&&/returns&
[HttpPost]
public ActionResult MeterRecharge()
object objResult = "";
string strTotal_fee = Request.Form["totalfee"];
string strFee = (double.Parse(strTotal_fee) * 100).ToString();
//若传递了相关参数，则调统一下单接口，获得后续相关接口的入口参数
jsApiPay.openid = Session["openid"].ToString();
jsApiPay.total_fee = int.Parse(strFee);
//JSAPI支付预处理
string strBody = "南宫萧尘微信支付";//商品描述
WxPayData unifiedOrderResult = jsApiPay.GetUnifiedOrderResult(strBody);
WxPayData wxJsApiParam = jsApiPay.GetJsApiParameters();//获取H5调起JS API参数
ModelForOrder aOrder = new ModelForOrder()
appId = wxJsApiParam.GetValue("appId").ToString(),
nonceStr = wxJsApiParam.GetValue("nonceStr").ToString(),
packageValue = wxJsApiParam.GetValue("package").ToString(),
paySign = wxJsApiParam.GetValue("paySign").ToString(),
timeStamp = wxJsApiParam.GetValue("timeStamp").ToString(),
msg = "成功下单,正在接入微信支付."
objResult = aO
catch (Exception ex)
ModelForOrder aOrder = new ModelForOrder()
appId = "",
nonceStr = "",
packageValue = "",
paySign = "",
timeStamp = "",
msg = "下单失败，请重试,多次失败,请联系管理员."
objResult = aO
return Json(objResult);
我们主要需要提供的就是这个类ModelForOrder&里面的参数，然后再把这些参数返回给前台调用，如下：
//调用微信支付模块
function onBridgeReady(json) {
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId": json.appId,
//公众号名称，由商户传入
"timeStamp": json.timeStamp,
//时间戳，自1970年以来的秒数
"nonceStr": json.nonceStr, //随机串
"package": json.packageValue,
"signType": "MD5",
//微信签名方式:
"paySign": json.paySign //微信签名
function (res) {
if (res.err_msg == "get_brand_wcpay_request:ok") {
//alert("支付成功,请稍后查询余额,如有疑问,请联系管理员.");
fAlreadyPay();
// 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回
ok，但并不保证它绝对可靠。
这样，他就会弹出一个微信支付的窗口，如下：
然后我们确认付款之后，是否付款成功，如果付款成功，我们在执行：&fAlreadyPay();
这个方法已经被我删掉了，用途是用于，我们收到用户的款之后，我们需要同步一些数据到我们的数据库里面去，所以，该怎么操作，自己自行修改了。
到这里，就大功告成啦，接下来的东西，就由大家自己去展开拓展了，本次经验分享到此结束，如果觉得写得不错，或者对你有帮助，请点&好文要顶&或者&关注我&，顺带也可以评论一两句，大家互相交流交流，转载请保留原作者地址以及姓名。
我新建一个QQ群，如果有问题，可以在群里提。如果合适，也会根据大家提的比较多的问题，来写篇博文，帮助更多的人，群号：
点击链接加入群【.Net,MVC,EasyUI,MUI,Html,JS】：
（如果有私活，或者一起合作的，也可以私信找我呀，嘿嘿）；
作者：南宫萧尘 &
&原文链接:
阅读排行榜you have been blocked}