正文转自:https://www.cnblogs.com/onetwo/p/6667424.html

集团近年来在做微信小程序,被分配到做开发这一块,现在对这一块做一个简约的下结论和梳理。

开发,对于购物来说,可以说是占用了充裕关键的一块,毕竟能采取钱才是根本。

理所当然在开发在此以前,我们需要有下边那多少个事物:

  • appId
  • 密钥(小程序配置界面)
  • 商户号
  • api密钥(商家后台自己设置)

自然那么些是绝不大家自己报名的,公司会有人申请好,然后要哪些跟这厮说,让她提供就可以了。

第一来看一下法定给出的业务流程时序图

 

那么些图很清楚的抒发了在小程序开发中的整个流程,每一步要做些什么。

一个完好无缺的开支,一般景象下都是带有了上边五个关键的点;

  • 开发(正常是开发平台提供的h5页面让用户操作,紧如果输密码)
  • 通报(用户完成一笔开支了,支付平台要通告集团支付结果,商家收取结果后开展局部应和的拍卖)
  • 查询(与第二点有点反过来的意思,商家自己主动去开发平台查询支付的结果,然后依照结果做相应的处理)

下面就重大来概括实现一下下面说的第一点,支付,也是足以拓展下边两步的在大前提。

支出的简要实现

小程序的落实

简言之起见,在index.wxml中添加一个输入框和一个button,绑定一下对应的风波,输入框紧假如用来输入订单号,按钮用于模拟提交一个订单并提倡支付。

<!--index.wxml-->
<view class="container">
    <input type="text" bindinput="getOrderCode" style="border:1px solid #ccc;"  />
    <button bindtap="pay">立即支付</button>
</view>

然后在index.js中写上一小段代码,紧要是拍卖方面按钮的点击事件。

Page({
    data: {
        txtOrderCode: ''
    },
    pay: function () {
        var ordercode = this.data.txtOrderCode;
        wx.login({
          success: function (res) {
            if (res.code) {
              wx.request({
                url: 'https://www.yourdomain.com/pay',
                data: {
                  code: res.code,//要去换取openid的登录凭证
                  ordercode: ordercode
                },
                method: 'GET',
                success: function (res) {
                  console.log(res.data)
                  wx.requestPayment({
                    timeStamp: res.data.timeStamp,
                    nonceStr: res.data.nonceStr,
                    package: res.data.package,
                    signType: 'MD5',
                    paySign: res.data.paySign,
                    success: function (res) {
                      // success
                      console.log(res);
                    },
                    fail: function (res) {
                      // fail
                      console.log(res);
                    },
                    complete: function (res) {
                      // complete
                      console.log(res);
                    }
                  })
                }
              })
            } else {
              console.log('获取用户登录态失败!' + res.errMsg)
            }
          }
        });
    },
    getOrderCode: function (event) {
        this.setData({
          txtOrderCode: event.detail.value
        });
    }
})

可以见见,在此间Catcher先通过wx.login本条API先取到了登录的凭证code,并把这么些凭证code做为请求参数用wx.request以此API发起一个网络请求。

在这多少个网络请求处理后会重临小程序开发所急需的相干参数。拿到这多少个参数后,再调用wx.requestPayment其一支付API,此时才算是真正的发起支付。

迄今,小程序这边的事早已做完了,接下去就是要去处理接口这边的事了,其实接口要做的就是回来小程序需要的多少个参数。可是要拿到这多少个参数仍旧需要做过多工作的。

接口的落实

按照最新版的Senparc.Weixin.MP一度支付了小程序相关的内容,但是商家用的本子依然相比低

同时近年来也尚无打算对这多少个组件举行升级换代。所以就从白纸一张初阶了。

用的是mvc,所以这么些小程序发起的网络请求会由上边的action的履行,里面的兑现,每一步做了什么应该也早就很清晰了。

public ActionResult Pay(string code, string ordercode)
{
    var paramter = new Parameters();
    paramter.out_trade_no = ordercode;

    //使用登录凭证 code 获取 session_key 和 openid
    var unifiedorderRes = GetOpenIdAndSessionKey(paramter.appid, paramter.secret, code);

    //反序列化session_key 和 openid成ChangeResponseEntity实体
    var tmp = JsonConvert.DeserializeObject<ChangeResponseEntity>(unifiedorderRes);

    //统一下单的url和参数
    var payUrl = "https://api.mch.weixin.qq.com/pay/unifiedorder";
    var param = GetUnifiedOrderParam(tmp.openid, paramter);

    //统一下单后拿到的xml结果
    var payResXML = Helper.DoPost(param, payUrl);
    var payRes = XDocument.Parse(payResXML);
    var root = payRes.Element("xml");

    //序列化相应参数返回给小程序
    var res = GetPayRequestParam(root, paramter.appid, paramter.key);
    return Json(res, JsonRequestBehavior.AllowGet);            
}

是因为只是一个演示的长河,不想这个数量平常以字符串的样式反复出现在代码中,所以把相关的参数全体都放到了一个名为Parameters的类中(放到配置文件中也是可以的),除了订单号是从小程序传过来的,当然在事实上中这是不客观的,毕竟像金额这个东西,无法每一遍都是同一个!这点是要小心的。

下边先来探视这些Parameters类的概念:

public class Parameters
{      
    public string appid { get { return "申请的appid"; } }
    public string mchid { get { return "申请的商户号"; } }
    public string nonce { get { return Helper.GetNoncestr(); } }
    public string notify_url { get { return "http://yourdomain.com/notifyurl"; } }
    public string body { get { return "testpay"; } }
    public string out_trade_no { get; set; }
    public string spbill_create_ip { get { return "IP地址"; } }
    public string total_fee { get { return "1"; } }
    public string trade_type { get { return "JSAPI"; } }
    public string key { get { return "在商家后台设置的密钥"; } }
    public string secret { get { return "在配置小程序时的密钥"; } }
}

率先是得到到登录凭证后发起的这么些网络请求。这一个网络请求是决定了本次支付是否成功的首先步!

下面要做的是用登录凭证去换我们要的openid。

/// <summary>
/// 取openid和session_key
/// </summary>
/// <param name="appid"></param>
/// <param name="secret"></param>
/// <param name="js_code"></param>
/// <returns></returns>
private string GetOpenIdAndSessionKey(string appid, string secret, string js_code)
{
    var url = string.Format("https://api.weixin.qq.com/sns/jscode2session?appid={0}&secret={1}&js_code={2}&grant_type=authorization_code"
        , appid,secret,js_code);
    var request = WebRequest.Create(url) as HttpWebRequest;

    var response = url.GetResponse();
    var respStream = response.GetResponseStream();

    var res = string.Empty;
    using (var reader = new StreamReader(respStream, Encoding.UTF8))
    {
        res = reader.ReadToEnd();
    }
    return res;
}

要换取openid,就要向微信提供的地点发起一个网络请求,并在URL带上appid,secret和凭证code这五个参数。

下一场就可以得到一个上边格局的json字符串

{
  "openid": "OPENID",
  "session_key": "SESSIONKEY"
}

得到后来自然就是要对那一个字符串举办json的反系列化,这里运用了json.net那么些包。

基于时序图,下边要调用统一下单那么些接口了。

地方的代码,在统一下单这一块,又分为下边多少个步骤

  1. 拍卖统一下单的参数(签名和组建xml)
  2. 发起POST请求
  3. 浅析呼吁得到的结果

参数的处理:

切切实实规则参见:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=4_3

/// <summary>
/// 取统一下单的请求参数
/// </summary>
/// <param name="openid"></param>
/// <param name="param"></param>
/// <returns></returns>
private string GetUnifiedOrderParam(string openid, Parameters param)
{            
    //参与统一下单签名的参数,除最后的key外,已经按参数名ASCII码从小到大排序
    var unifiedorderSignParam = string.Format("appid={0}&body={1}&mch_id={2}&nonce_str={3}&notify_url={4}&openid={5}&out_trade_no={6}&spbill_create_ip={7}&total_fee={8}&trade_type={9}&key={10}"
        , param.appid, param.body, param.mchid, param.nonce, param.notify_url
        , openid, param.out_trade_no, param.spbill_create_ip, param.total_fee, param.trade_type, param.key);
    //MD5
    var unifiedorderSign = Helper.GetMD5(unifiedorderSignParam).ToUpper();
    //构造统一下单的请求参数
   return string.Format(@"<xml>
                                <appid>{0}</appid>                                              
                                <body>{1}</body>
                                <mch_id>{2}</mch_id>   
                                <nonce_str>{3}</nonce_str>
                                <notify_url>{4}</notify_url>
                                <openid>{5}</openid>
                                <out_trade_no>{6}</out_trade_no>
                                <spbill_create_ip>{7}</spbill_create_ip>
                                <total_fee>{8}</total_fee>
                                <trade_type>{9}</trade_type>
                                <sign>{10}</sign>
                               </xml>
                    ", param.appid, param.body, param.mchid, param.nonce, param.notify_url, openid
                     , param.out_trade_no, param.spbill_create_ip, param.total_fee, param.trade_type, unifiedorderSign);

}

那边要留意一点,由于我们的传的trade_type是JSAPI,所以那里不可不是要增长openid举行拍卖的。

接下来就是解析统一下单重临的XML了,说是解析,其实也就是要拿到大家需要的多寡罢了。这里最终会博得一个小程序支付API需要的参数实体。

/// <summary>
/// 获取返回给小程序的支付参数
/// </summary>
/// <param name="root"></param>
/// <param name="appid"></param>
/// <param name="key"></param>
/// <returns></returns>
private PayRequesEntity GetPayRequestParam(XElement root,string appid,string key)
{              
    //当return_code 和result_code都为SUCCESS时才有我们要的prepay_id
    if (root.Element("return_code").Value == "SUCCESS" && root.Element("result_code").Value == "SUCCESS")
    {
        var package = "prepay_id=" + root.Element("prepay_id").Value;
        var nonceStr = Helper.GetNoncestr();
        var signType = "MD5";
        var timeStamp = Convert.ToInt64((DateTime.Now - new DateTime(1970, 1, 1)).TotalSeconds).ToString();

        var paySignParam = string.Format("appId={0}&nonceStr={1}&package={2}&signType={3}&timeStamp={4}&key={5}",
             appid, nonceStr, package, signType, timeStamp, key);

        var paySign = Helper.GetMD5(paySignParam).ToUpper();

        var payEntity = new PayRequesEntity
        {
            package = package,
            nonceStr = nonceStr,
            paySign = paySign,
            signType = signType,
            timeStamp = timeStamp
        };
        return payEntity;
    }

    return new PayRequesEntity();
}

付出参数实体对应的内容如下:

/// <summary>
/// 小程序支付需要的参数
/// </summary>
public class PayRequesEntity
{
    /// <summary>
    /// 时间戳从1970年1月1日00:00:00至今的秒数,即当前的时间
    /// </summary>
    public string timeStamp { get; set; }

    /// <summary>
    /// 随机字符串,长度为32个字符以下。
    /// </summary>
    public string nonceStr { get; set; }

    /// <summary>
    /// 统一下单接口返回的 prepay_id 参数值
    /// </summary>
    public string package { get; set; }

    /// <summary>
    /// 签名算法
    /// </summary>
    public string signType { get; set; }

    /// <summary>
    /// 签名
    /// </summary>
    public string paySign { get; set; }
}

亟需留意的是,这里的署名操作,一定是要配合appId,这也是Catcher在开发这一块踩的绝无仅有的一个坑,所以指示一下各位读者,希望能躲避那几个坑。

再有最终一步就是要回去一个连串化的目的给小程序,以供小程序采纳。

到此处,后台接口也早已OK了,现在就用真机扫描二维码,点击登时支付按钮,此时就会弹出要你输入密码的局面,输入你的微信支付密码,如下所示:

XML 1

下一场就会唤醒支付成功,如下所示:

XML 2

几分钟之后就会吸纳微信支付发来的消息,通告你在怎么着时候支出了多少钱。

XML 3

通知的简短表明

前面也涉及了,文告是用户支付成功后,微信的劳动器会向我们归总下单指定的notify_url发起一个异步的回调。

下边用伪代码来代表这一进程

public ActionResult Notify()
{
    //1.获取微信通知的参数

    //2.更新订单的相关状态

    //3.返回一个xml格式的结果给微信服务器
    var res = @"<xml>
          <return_code><![CDATA[SUCCESS]]></return_code>
          <return_msg><![CDATA[OK]]></return_msg>
        </xml>";

    return Content(res);
}

这里需要专注的是要处理好微信再一次通告的意况!

询问的简易表达

通知和询问本质上都是想通晓订单是否支付成功了。

它们的分别是:通告是微信主动打招呼公司; 查询是商店主动向微信发起查询;

这多少个动作的大旨是不一样的。

当微信能正常发起推送并且集团收取这些推送的服务器又没有挂的时候,查询的法力是屈指可数的。

自然,不可避免的会产出,微信不可以正常发起推送或者集团的服务器挂了,这多少个时候查询的功能就变得很重大了!!

本条时候我们就要建交起一个定时作业来特别处理这种意况了,可以拔取Quartz.NetHangfireXML,等!

以此作业的情节具体如下:

public void QueryJob()
{ 
    //1.找到要查询的订单号

    //2.根据订单号和appId等内容向https://api.mch.weixin.qq.com/pay/orderquery这个地址发起网络请求

    //3.拿到微信返回的结果

    //4.根据结果进行相应的处理
}

关于多长时间执行五遍这一个作业,可能就要按照使用小程序举办购物的数额多不多来做一个光景的估量。

总结

小程序的开发或者算是相比简单,毕竟文档还算齐全,基本照着文档的提醒就能把这多少个支付做好。

每一日提高一点点

 

 

分类: 小程序

 

相关文章

网站地图xml地图