微信公眾平臺支付開發(fā)詳解
更新時間：2017年01月22日 14:47:57 作者：stoneniqiu
本文主要介紹了微信開發(fā)中公眾號支付的實現(xiàn)方法與步驟。具有很好的參考價值，下面跟著小編一起來看下吧
公眾號支付就是在微信里面的H5頁面喚起微信支付，不用掃碼即可付款的功能。做這個功能首先要明確的就是，只有和商戶號mch_id匹配的appid才能成功支付。商戶號在注冊成功的時候就會將相關(guān)信息發(fā)送到郵箱里面。而喚起支付的一個關(guān)鍵是靠openid拿到統(tǒng)一下單。而openid是和appid一一對應(yīng)的。也就是說如果你登錄使用的appid不是公眾號的appid，得到的openid就無法喚起公眾號內(nèi)的支付(會出現(xiàn)appid和商戶號不匹配的錯誤)。曾經(jīng)就在這個地方繞了個彎，因為微信的開放平臺可以創(chuàng)建網(wǎng)站應(yīng)用，也有一個appid和appsecreat，也可以在微信里面一鍵登錄。
業(yè)務(wù)流程
下面是微信的官方流程，看似有點復(fù)雜，重點就是要拿到統(tǒng)一下單接口返回的json串，其他按照官方demo基本就能正確，下面說一下幾個細(xì)節(jié)。
創(chuàng)建訂單
在調(diào)用微信公眾號支付之前，首先我們自己要把訂單創(chuàng)建好。比如一個充值的訂單。主要是先確定下金額再進(jìn)行下一步。
public JsonResult CreateRecharegOrder(decimal money)
{
if (money < (decimal)0.01) return Json(new PaymentResult("充值金額非法！"));
var user = _workContext.CurrentUser;
var order = _paymentService.CreateRechargeOrder(user.Id, money);
return Json(new PaymentResult(true) {OrderId = order.OrderNumber});
}
調(diào)用統(tǒng)一下單
訂單創(chuàng)建成功之后，頁面跳轉(zhuǎn)到支付頁面，這個時候就是按照官方的流程去拿prepay_id和paySign,微信的demo中提供了一個jsApiPay的對象。但這個對象需要一個page對象初始化。
[LoginValid]
public ActionResult H5Pay(string orderNumber)
{
var user = _workContext.CurrentUser;
var order = _paymentService.GetOrderByOrderNumber(orderNumber);
//判斷訂單是否存在
//訂單是否已經(jīng)支付了
var openid = user.OpenId;
var jsApipay = new JsApiPayMvc(this.ControllerContext.HttpContext);
jsApipay.openid = openid;
jsApipay.total_fee = (int)order.Amount * 100;
WxPayData unifiedOrderResult = jsApipay.GetUnifiedOrderResult();
ViewBag.wxJsApiParam = jsApipay.GetJsApiParameters();//獲取H5調(diào)起JS API參數(shù)
ViewBag.unifiedOrder = unifiedOrderResult.ToPrintStr();
ViewBag.OrderNumber = order.OrderNumber;
return View();
}
在MVC中我們簡單改一下就可以了。也就是把page對象換成httpContext即可。然后里面的方法就可以直接用了。
JsApiPayMvc：
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Runtime.Serialization;
using System.IO;
using System.Text;
using System.Net;
using System.Web.Security;
using LitJson;
namespace WxPayAPI
{
public class JsApiPayMvc
{
/// <summary>
/// 保存頁面對象，因為要在類的方法中使用Page的Request對象
/// </summary>
public HttpContextBase context { get; set; }
/// <summary>
/// openid用于調(diào)用統(tǒng)一下單接口
/// </summary>
public string openid { get; set; }
/// <summary>
/// access_token用于獲取收貨地址js函數(shù)入口參數(shù)
/// </summary>
public string access_token { get; set; }
/// <summary>
/// 商品金額，用于統(tǒng)一下單
/// </summary>
public int total_fee { get; set; }
/// <summary>
/// 統(tǒng)一下單接口返回結(jié)果
/// </summary>
public WxPayData unifiedOrderResult { get; set; }
public JsApiPayMvc(HttpContextBase _context)
{
context = _context;
}
/**
*
* 網(wǎng)頁授權(quán)獲取用戶基本信息的全部過程
* 詳情請參看網(wǎng)頁授權(quán)獲取用戶基本信息：http://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713d5d2c37b468d75.html
* 第一步：利用url跳轉(zhuǎn)獲取code
* 第二步：利用code去獲取openid和access_token
*
*/
public void GetOpenidAndAccessToken(string code)
{
if (!string.IsNullOrEmpty(code))
{
//獲取code碼，以獲取openid和access_token
Log.Debug(this.GetType().ToString(), "Get code : " + code);
GetOpenidAndAccessTokenFromCode(code);
}
else
{
//構(gòu)造網(wǎng)頁授權(quán)獲取code的URL
string host = context.Request.Url.Host;
string path = context.Request.Path;
string redirect_uri = HttpUtility.UrlEncode("http://" + host + path);
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);
try
{
//觸發(fā)微信返回code碼
context.Response.Redirect(url);//Redirect函數(shù)會拋出ThreadAbortException異常，不用處理這個異常
}
catch(System.Threading.ThreadAbortException ex)
{
}
}
}
/**
*
* 通過code換取網(wǎng)頁授權(quán)access_token和openid的返回數(shù)據(jù)，正確時返回的JSON數(shù)據(jù)包如下：
* {
* "access_token":"ACCESS_TOKEN",
* "expires_in":7200,
* "refresh_token":"REFRESH_TOKEN",
* "openid":"OPENID",
* "scope":"SCOPE",
* "unionid": "o6_bmasdasdsad6_2sgVt7hMZOPfL"
* }
* 其中access_token可用于獲取共享收貨地址
* openid是微信支付jsapi支付接口統(tǒng)一下單時必須的參數(shù)
* 更詳細(xì)的說明請參考網(wǎng)頁授權(quán)獲取用戶基本信息：http://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713d5d2c37b468d75.html
* @失敗時拋異常WxPayException
*/
public void GetOpenidAndAccessTokenFromCode(string code)
{
try
{
//構(gòu)造獲取openid及access_token的url
WxPayData data = new WxPayData();
data.SetValue("appid", WxPayConfig.APPID);
data.SetValue("secret", WxPayConfig.APPSECRET);
data.SetValue("code", code);
data.SetValue("grant_type", "authorization_code");
string url = "https://api.weixin.qq.com/sns/oauth2/access_token?" + data.ToUrl();
//請求url以獲取數(shù)據(jù)
string result = HttpService.Get(url);
Log.Debug(this.GetType().ToString(), "GetOpenidAndAccessTokenFromCode response : " + result);
//保存access_token，用于收貨地址獲取
JsonData jd = JsonMapper.ToObject(result);
access_token = (string)jd["access_token"];
//獲取用戶openid
openid = (string)jd["openid"];
Log.Debug(this.GetType().ToString(), "Get openid : " + openid);
Log.Debug(this.GetType().ToString(), "Get access_token : " + access_token);
}
catch (Exception ex)
{
Log.Error(this.GetType().ToString(), ex.ToString());
throw new WxPayException(ex.ToString());
}
}
/**
* 調(diào)用統(tǒng)一下單，獲得下單結(jié)果
* @return 統(tǒng)一下單結(jié)果
* @失敗時拋異常WxPayException
*/
public WxPayData GetUnifiedOrderResult()
{
//統(tǒng)一下單
WxPayData data = new WxPayData();
data.SetValue("body", "test");
data.SetValue("attach", "test");
data.SetValue("out_trade_no", WxPayApi.GenerateOutTradeNo());
data.SetValue("total_fee", total_fee);
data.SetValue("time_start", DateTime.Now.ToString("yyyyMMddHHmmss"));
data.SetValue("time_expire", DateTime.Now.AddMinutes(10).ToString("yyyyMMddHHmmss"));
data.SetValue("goods_tag", "test");
data.SetValue("trade_type", "JSAPI");
data.SetValue("openid", openid);
WxPayData result = WxPayApi.UnifiedOrder(data);
if (!result.IsSet("appid") || !result.IsSet("prepay_id") || result.GetValue("prepay_id").ToString() == "")
{
Log.Error(this.GetType().ToString(), "UnifiedOrder response error!");
throw new WxPayException("UnifiedOrder response error!");
}
unifiedOrderResult = result;
return result;
}
/**
*
* 從統(tǒng)一下單成功返回的數(shù)據(jù)中獲取微信瀏覽器調(diào)起jsapi支付所需的參數(shù)，
* 微信瀏覽器調(diào)起JSAPI時的輸入?yún)?shù)格式如下：
* {
* "appId" : "wx2421b1c4370ec43b", //公眾號名稱，由商戶傳入
* "timeStamp":" 1395712654", //時間戳，自1970年以來的秒數(shù)
* "nonceStr" : "e61463f8efa94090b1f366cccfbbb444", //隨機(jī)串
* "package" : "prepay_id=u802345jgfjsdfgsdg888",
* "signType" : "MD5", //微信簽名方式:
* "paySign" : "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信簽名
* }
* @return string 微信瀏覽器調(diào)起JSAPI時的輸入?yún)?shù)，json格式可以直接做參數(shù)用
* 更詳細(xì)的說明請參考網(wǎng)頁端調(diào)起支付API：http://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7
*
*/
public string GetJsApiParameters()
{
Log.Debug(this.GetType().ToString(), "JsApiPay::GetJsApiParam is processing...");
WxPayData jsApiParam = new WxPayData();
jsApiParam.SetValue("appId", unifiedOrderResult.GetValue("appid"));
jsApiParam.SetValue("timeStamp", WxPayApi.GenerateTimeStamp());
jsApiParam.SetValue("nonceStr", WxPayApi.GenerateNonceStr());
jsApiParam.SetValue("package", "prepay_id=" + unifiedOrderResult.GetValue("prepay_id"));
jsApiParam.SetValue("signType", "MD5");
jsApiParam.SetValue("paySign", jsApiParam.MakeSign());
string parameters = jsApiParam.ToJson();
Log.Debug(this.GetType().ToString(), "Get jsApiParam : " + parameters);
return parameters;
}
/**
*
* 獲取收貨地址js函數(shù)入口參數(shù),詳情請參考收貨地址共享接口：http://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_9
* @return string 共享收貨地址js函數(shù)需要的參數(shù)，json格式可以直接做參數(shù)使用
*/
public string GetEditAddressParameters()
{
string parameter = "";
try
{
string host = context.Request.Url.Host;
string path = context.Request.Path;
string queryString = context.Request.Url.Query;
//這個地方要注意，參與簽名的是網(wǎng)頁授權(quán)獲取用戶信息時微信后臺回傳的完整url
string url = "http://" + host + path + queryString;
//構(gòu)造需要用SHA1算法加密的數(shù)據(jù)
WxPayData signData = new WxPayData();
signData.SetValue("appid",WxPayConfig.APPID);
signData.SetValue("url", url);
signData.SetValue("timestamp",WxPayApi.GenerateTimeStamp());
signData.SetValue("noncestr",WxPayApi.GenerateNonceStr());
signData.SetValue("accesstoken",access_token);
string param = signData.ToUrl();
Log.Debug(this.GetType().ToString(), "SHA1 encrypt param : " + param);
//SHA1加密
string addrSign = FormsAuthentication.HashPasswordForStoringInConfigFile(param, "SHA1");
Log.Debug(this.GetType().ToString(), "SHA1 encrypt result : " + addrSign);
//獲取收貨地址js函數(shù)入口參數(shù)
WxPayData afterData = new WxPayData();
afterData.SetValue("appId",WxPayConfig.APPID);
afterData.SetValue("scope","jsapi_address");
afterData.SetValue("signType","sha1");
afterData.SetValue("addrSign",addrSign);
afterData.SetValue("timeStamp",signData.GetValue("timestamp"));
afterData.SetValue("nonceStr",signData.GetValue("noncestr"));
//轉(zhuǎn)為json格式
parameter = afterData.ToJson();
Log.Debug(this.GetType().ToString(), "Get EditAddressParam : " + parameter);
}
catch (Exception ex)
{
Log.Error(this.GetType().ToString(), ex.ToString());
throw new WxPayException(ex.ToString());
}
return parameter;
}
}
}
這個頁面可以在本地調(diào)試，可以比較方便的確認(rèn)參數(shù)是否ok。
喚起支付
官方頁面的示例如下：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6 但主要的參數(shù)(mark部分)是由后臺生成的，也就是上一個步驟的ViewBag.wxJsApiParam
function onBridgeReady(){
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId" ： "wx2421b1c4370ec43b", //公眾號名稱，由商戶傳入
"timeStamp"：" 1395712654", //時間戳，自1970年以來的秒數(shù)
"nonceStr" ： "e61463f8efa94090b1f366cccfbbb444", //隨機(jī)串
"package" ： "prepay_id=u802345jgfjsdfgsdg888",
"signType" ： "MD5", //微信簽名方式：
"paySign" ： "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信簽名
},
function(res){
if(res.err_msg == "get_brand_wcpay_request：ok" ) {} // 使用以上方式判斷前端返回,微信團(tuán)隊鄭重提示：res.err_msg將在用戶支付成功后返回 ok，但并不保證它絕對可靠。
}
);
}
所以在MVC中要這樣寫：
@{
ViewBag.Title = "微信支付";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<div class="page" id="Wxpayment">
<div class="content">
<div>訂單詳情：@Html.Raw(ViewBag.unifiedOrder)</div>
<button id="h5pay" onclick="callpay()">支付</button>
</div>
<input type="hidden" value="@ViewBag.OrderNumber" id="ordernum"/>
</div>
<script type="text/javascript">
//調(diào)用微信JS api 支付
function jsApiCall() {
WeixinJSBridge.invoke(
'getBrandWCPayRequest',
@Html.Raw(ViewBag.wxJsApiParam),//josn串
function (res)
{
WeixinJSBridge.log(res.err_msg);
//alert(res.err_code + res.err_desc + res.err_msg);
if (res.err_msg == "get_brand_wcpay_request:ok") {
var num = $("#ordernum").val();
$.post("/payment/WeiXinPaySuccess", { ordernumber: num }, function(data) {
if (data.IsSuccess === true) {
alert("支付成功");
location.href = document.referrer;
} else {
}
});
}
if (res.err_msg == 'get_brand_wcpay_request:cancel') {
$('.button').removeAttr('submitting');
alert('取消支付');
}
}
);
}
function callpay()
{
if (typeof WeixinJSBridge == "undefined")
{
alert("WeixinJSBridge =");
if (document.addEventListener)
{
document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
}
else if (document.attachEvent)
{
document.attachEvent('WeixinJSBridgeReady', jsApiCall);
document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
}
}
else
{
jsApiCall();
}
}
</script>
必須要用Html.Raw，不然json解析不對，無法支付。這個時候點擊頁面，會出現(xiàn)微信的加載效果，但別高興的太早，還是會出錯，出現(xiàn)一個“3當(dāng)前的URL未注冊”
原因就在于，需要在公眾號中設(shè)置支付目錄。而這個支付目錄是大小寫敏感的，所以你得多試幾次。直到彈出輸入密碼的窗口才是真的流程正確了。然后支付成功之后馬上就可以收到j(luò)s中的回調(diào)，這個時候你可以去處理你的訂單和業(yè)務(wù)邏輯。
官方文檔：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_3
微信掃碼支付 demo：http://www.dbjr.com.cn/article/103959.htm
官方demo：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=11_1
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關(guān)文章
這篇文章介紹了ASP.NET Core中使用多環(huán)境的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-04-04
這篇文章主要介紹了.net后臺代碼調(diào)用前臺JS的兩種方式,需要的朋友可以參考下2014-03-03
Log4net日志記錄組件的使用步驟詳解，需要的朋友可以參考一下2013-02-02
asp.net實現(xiàn)Postgresql快速寫入/讀取大量數(shù)據(jù)實例
本篇文章主要介紹了asp.net實現(xiàn)Postgresql快速寫入/讀取大量數(shù)據(jù)實例，具有一定的參考價值，有興趣的可以了解一下2017-07-07
最近這段時間一直在看如何使用FreeTextBox這個網(wǎng)頁文本編輯器。網(wǎng)上找了很多但是寫的也不是很詳細(xì)。下面我以FreeTextBox-3.1.6為例介紹如何使用這個控件，并且給出實例2013-09-09
.NET中TextBox控件設(shè)置ReadOnly=true后臺取不到值三種解決方法
當(dāng)TextBox設(shè)置了ReadOnly=true后要是在前臺為控件添加了值，后臺是取不到的，值為空,多么郁悶的一個問題經(jīng)過嘗試，發(fā)現(xiàn)可以通過如下的方式解決這個問題.感興趣的朋友可以了解下2013-02-02
asp.net 讀取并修改config文件實現(xiàn)代碼
讀取并修改 config 文件的asp.net代碼，方便我們用asp.net修改配置文件。2009-11-11
.net中as和is之間的區(qū)別分析，需要的朋友可以參考一下2013-05-05
ASP.NET2.0使用Enter Key作為默認(rèn)提交問題分析(附源碼)
這篇文章主要介紹了ASP.NET2.0使用Enter Key作為默認(rèn)提交,結(jié)合實例形式分析了ASP.NET2.0使用Enter Key默認(rèn)提交的注意事項與相關(guān)實現(xiàn)技巧,并附上源碼供讀者參考,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
swagger上傳文件并支持jwt認(rèn)證的實現(xiàn)方法
今天通過本文給大家分享swagger上傳文件并支持jwt認(rèn)證的實現(xiàn)方法，文中提到了安裝方法及實現(xiàn)代碼，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-05-05