App接入微信支付

 

【申请流程】

开发微信APP支付，需要先去微信开放平台申请移动应用，并开通微信支付功能，通过审核后进行开发；

【支付流程】

1.用户使用APP客户端，进行下单。

2.客户端，请求生成支付订单。

3.后台调用统一下单API向微信的服务器发送请求，微信服务器生成预付单，并生成一个prepay_id返回给后台。

4.后台将这个prepay_id返回给客户端。

5.用户点击确认支付，这时候商户客户端调用并打开微信客户端，进行微信支付。

6.微信客户端向微信服务器发起支付请求并返回支付结果（他们之间交互用的就是prepay_id这个参数，微信的服务器要验证微信客户端传过去的参数是否跟第三步中生成的那个id一致）。

7.用户输入支付密码后，微信客户端提交支付授权，跟微信服务器交互，完成支付

8.微信服务器给微信客户端发送支付结果提示，并异步给商户服务器发送支付结果通知。

9.客户端通过支付结果回调接口查询支付结果，并向后台检查支付结果是否正确，后台返回支付结果。 

10.客户端显示支付结果，完成订单

【后端代码实现】 

using System;
using System.Collections;
using System.IO;
using System.Net;
using System.Security.Cryptography;
using System.Text;
using System.Text.RegularExpressions;
using System.Xml.Linq;

namespace rental.Common.Helper.AppPay
{
    public class Pay
    {
        // 支付完成通知地址
        private string WeiXinPayUrl = "https://api.mch.weixin.qq.com/pay/unifiedorder";
        private string packageStr = "Sign=WXPay";

        /// <summary>
        /// 微信支付商户号（从微信发给你的邮件中获得的）
        /// </summary>
        public string MchId
        {
            get;
            internal set;
        }
        /// <summary>
        /// 应用的APPID（微信发给你的邮件中也有这项内容，一般以wx开头，微信开放平台-管理中心-应用详情也可以看到这项内容）
        /// </summary>
        public string AppId
        {
            get;
            internal set;
        }
        /// <summary>
        /// 这里是API密钥，不是Appsecret，这里最容易出错了！请务必注意！
        /// 设置方法：微信商户平台(pay.weixin.qq.com)-->账户设置-->API安全-->密钥设置
        /// </summary>
        public string ApiKey
        {
            get;
            internal set;
        }
        /// <summary>
        /// 支付成功后，微信会请求这个路径，
        /// </summary>
        public string NotifyUrl
        {
            get;
            internal set;
        }

        /// <summary>
        /// 支付类构造函数，三个关键参数缺一不可，均不能为空
        /// </summary>
        /// <param name="MchId">微信支付商户号（从微信发给你的邮件中获得的）</param>
        /// <param name="AppId">应用的APPID（微信发给你的邮件中也有这项内容，一般以wx开头，微信开放平台-管理中心-应用详情也可以看到这项内容）</param>
        /// <param name="ApiKey">
        /// 这里是API密钥，不是Appsecret，这里最容易出错了！请务必注意！
        /// 设置方法：微信商户平台(pay.weixin.qq.com)-->账户设置-->API安全-->密钥设置
        /// </param>
        public Pay(string MchId, string AppId, string ApiKey, string NotifyUrl)
        {
            this.MchId = MchId;
            this.AppId = AppId;
            this.ApiKey = ApiKey;
            this.NotifyUrl = NotifyUrl;
        }

        /// <summary>
        /// 开发发起支付
        /// </summary>
        /// <param name="TotalFee">总金额，单位：分，不能为空</param>
        /// <param name="TradeNo">订单号，你自己定就好了，不要重复，不能为空</param>
        /// <param name="Des">订单描述，不能为空</param>
        /// <param name="ClientIp">客户端的IP地址，不能为空</param>
        /// <param name="FeeType">货币类型，默认是CNY，人民币</param>
        /// <returns></returns>
        public ProvokeInfo WeChatPay(Int64 TotalFee, string TradeNo, string Des, string ClientIp, string FeeType = "CNY")
        {
            //为发送请求给微信服务器准备数据
            var nstr = MakeNonceStr();
            Hashtable packageParameter = new Hashtable();
            packageParameter.Add("appid", this.AppId);
            packageParameter.Add("body", Des);
            packageParameter.Add("mch_id", this.MchId);
            packageParameter.Add("notify_url", this.NotifyUrl);
            packageParameter.Add("nonce_str", nstr);
            packageParameter.Add("out_trade_no", TradeNo);
            packageParameter.Add("total_fee", TotalFee.ToString());
            packageParameter.Add("spbill_create_ip", ClientIp);
            packageParameter.Add("trade_type", "APP");
            packageParameter.Add("fee_type", FeeType);
            var sign = CreateMd5Sign(packageParameter);
            packageParameter.Add("sign", sign);
            var xe = PostDataToWeiXin(packageParameter);
            //为响应客户端的请求准备数据 
            var timeStamp = GetTimeStamp();
            var prepayId = xe.Element("prepay_id").Value;
            nstr = xe.Element("nonce_str").Value;
            Hashtable paySignReqHandler = new Hashtable();
            paySignReqHandler.Add("appid", this.AppId);
            paySignReqHandler.Add("partnerid", this.MchId);
            paySignReqHandler.Add("prepayid", prepayId);
            paySignReqHandler.Add("noncestr", nstr);
            paySignReqHandler.Add("package", packageStr);
            paySignReqHandler.Add("timestamp", timeStamp.ToString());
            var paySign = CreateMd5Sign(paySignReqHandler);
            var result = new ProvokeInfo()
            {
                appid = this.AppId,
                partnerid = this.MchId,
                prepayid = prepayId,
                package = packageStr,
                noncestr = nstr,
                timestamp = timeStamp,
                sign = paySign
            };
            //var serializer = new JavaScriptSerializer();
            //var result = serializer.Serialize(obj);
            return result;
        }
        public static string GetTimeStamp()
        {
            TimeSpan ts = DateTime.UtcNow - new DateTime(1970, 1, 1, 0, 0, 0, 0);
            return Convert.ToInt64(ts.TotalSeconds).ToString();
        }
        private XElement PostDataToWeiXin(Hashtable parameters)
        {
            var xmlStr = getXmlStr(parameters);
            var data = Encoding.UTF8.GetBytes(xmlStr);
            Stream responseStream;
            HttpWebRequest request = WebRequest.Create(WeiXinPayUrl) as HttpWebRequest;
            request.ContentType = "application/x-www-form-urlencoded";
            request.Method = "POST";
            request.ContentLength = data.Length;
            Stream requestStream = request.GetRequestStream();
            requestStream.Write(data, 0, data.Length);
            requestStream.Close();
            try
            {
                responseStream = request.GetResponse().GetResponseStream();
            }
            catch (Exception exception)
            {
                throw exception;
            }
            string str = string.Empty;
            using (StreamReader reader = new StreamReader(responseStream, Encoding.UTF8))
            {
                str = reader.ReadToEnd();
            }
            responseStream.Close();
            var xe = XElement.Parse(str);
            return xe;
        }


        private string getXmlStr(Hashtable parameters)
        {
            var sb = new StringBuilder();
            sb.Append("<xml>");
            foreach (string k in parameters.Keys)
            {
                var v = (string)parameters[k];
                if (Regex.IsMatch(v, @"^[0-9.]$"))
                {
                    sb.Append("<" + k + ">" + v + "</" + k + ">");
                }
                else
                {
                    sb.Append("<" + k + "><![CDATA[" + v + "]]></" + k + ">");
                }
            }
            sb.Append("</xml>");
            return sb.ToString();
        }
        private string CreateMd5Sign(Hashtable parameters)
        {
            var sb = new StringBuilder();
            var akeys = new ArrayList(parameters.Keys);
            akeys.Sort();//排序，这是微信要求的
            foreach (string k in akeys)
            {
                var v = (string)parameters[k];
                sb.Append(k + "=" + v + "&");
            }
            sb.Append("key=" + ApiKey);
            string sign = GetMD5(sb.ToString());
            return sign;
        }


        private string MakeNonceStr()
        {
            var timestap = DateTime.Now.ToString("yyyyMMddhhmmssffff");
            return GetMD5(timestap);
        }
        private string GetMD5(string src)
        {
            MD5 md5 = new MD5CryptoServiceProvider();
            byte[] data = Encoding.UTF8.GetBytes(src);
            byte[] md5data = md5.ComputeHash(data);
            md5.Clear();
            var retStr = BitConverter.ToString(md5data);
            retStr = retStr.Replace("-", "").ToUpper();
            return retStr;
        }


    }
}

【Vue代码实现】 

// 进行支付操作
					createOrder(this.wxzhifuData).then(rs => {
						let data = rs.items[0]
							console.log( data.appid)
						let obj = {
							appid: data.appid,
							noncestr: data.noncestr,
							package: 'Sign=WXPay', // 固定值，以微信支付文档为主
							partnerid: data.partnerid,                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
							prepayid: data.prepayid,
							timestamp: data.timestamp,
							sign: data.sign
						}
						// 第一种写法，传对象
						let orderInfo = obj
						uni.requestPayment({
							provider: 'wxpay',
							orderInfo: orderInfo,       
							success: function(res) {
								// 支付成功后的回调函数console.log(res)
								let payok = {
									id: data.id,
									orderType: 0
								}
								update(payok).then(res => {
									uni.navigateTo({
										url: "./carResultsOk"
									});
								})
							},
							fail: function(err) {
									console.log(JSON.stringify(err))
								let pay = {
									id: data.id,
								}
								paymentFailed(pay).then(s => {
									uni.showToast({
										icon: 'none',
										title: '支付失败了',
										duration: 4000
									});
								})
							}
						});