国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁 微信小程序 微信開發(fā) 圖文詳解微信公眾平臺支付開發(fā)

圖文詳解微信公眾平臺支付開發(fā)

Mar 14, 2017 pm 02:41 PM
微信公眾號開發(fā)

本文主要介紹了微信開發(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é)。

圖文詳解微信公眾平臺支付開發(fā)

創(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", //隨機串 
* "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(
 &#39;getBrandWCPayRequest&#39;, {
 "appId" : "wx2421b1c4370ec43b", //公眾號名稱,由商戶傳入 
 "timeStamp":" 1395712654", //時間戳,自1970年以來的秒數(shù) 
 "nonceStr" : "e61463f8efa94090b1f366cccfbbb444", //隨機串 
 "package" : "prepay_id=u802345jgfjsdfgsdg888", 
 "signType" : "MD5", //微信簽名方式: 
 "paySign" : "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信簽名 
 },
 function(res){ 
 if(res.err_msg == "get_brand_wcpay_request:ok" ) {} // 使用以上方式判斷前端返回,微信團隊鄭重提示: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(
 &#39;getBrandWCPayRequest&#39;,
 @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 == &#39;get_brand_wcpay_request:cancel&#39;) {
 $(&#39;.button&#39;).removeAttr(&#39;submitting&#39;);
 alert(&#39;取消支付&#39;);
 } 
 }
 );
 }
 function callpay()
 {
 if (typeof WeixinJSBridge == "undefined")
 {
 alert("WeixinJSBridge =");
 if (document.addEventListener)
 {
 document.addEventListener(&#39;WeixinJSBridgeReady&#39;, jsApiCall, false);
 }
 else if (document.attachEvent)
 {
 document.attachEvent(&#39;WeixinJSBridgeReady&#39;, jsApiCall);
 document.attachEvent(&#39;onWeixinJSBridgeReady&#39;, jsApiCall);
 }
 }
 else
 {
 jsApiCall();
 }
 }
</script>

必須要用Html.Raw,不然json解析不對,無法支付。這個時候點擊頁面,會出現(xiàn)微信的加載效果,但別高興的太早,還是會出錯,出現(xiàn)一個“3當(dāng)前的URL未注冊”

圖文詳解微信公眾平臺支付開發(fā)

原因就在于,需要在公眾號中設(shè)置支付目錄。而這個支付目錄是大小寫敏感的,所以你得多試幾次。直到彈出輸入密碼的窗口才是真的流程正確了。然后支付成功之后馬上就可以收到j(luò)s中的回調(diào),這個時候你可以去處理你的訂單和業(yè)務(wù)邏輯。


以上是圖文詳解微信公眾平臺支付開發(fā)的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

本站聲明
本文內(nèi)容由網(wǎng)友自發(fā)貢獻(xiàn),版權(quán)歸原作者所有,本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容,請聯(lián)系admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費脫衣服圖片

Undresser.AI Undress

Undresser.AI Undress

人工智能驅(qū)動的應(yīng)用程序,用于創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用于從照片中去除衣服的在線人工智能工具。

Clothoff.io

Clothoff.io

AI脫衣機

Video Face Swap

Video Face Swap

使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的代碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

功能強大的PHP集成開發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

神級代碼編輯軟件(SublimeText3)

熱門話題

Laravel 教程
1601
29
PHP教程
1502
276