微信小程序 服务号 支付

### 集成微信服务号支付到微信小程序 为了成功地将微信服务号支付集成至微信小程序，需先确认几个前提条件已达成： 拥有一个微信小程序账号以及申请并获得微信支付商户号是必不可少的前置工作[^1]。此外，掌握基础的 .Net 开发技能和熟悉微信小程序的相关开发规定同样重要。 #### 准备阶段 在准备阶段，开发者应完成如下事项： - **配置支付参数**：登录微信公众平台，在支付设置页面填写必要的信息，如回调URL等。 - **下载证书文件**：用于签名验证的安全传输层协议(TLS)双向认证所需的API调用证书需要从微信支付后台下载保存好。 #### 后端逻辑处理(.NET) 对于服务器端而言，主要负责接收来自前端发起的预支付请求，并向微信支付网关发送订单详情来换取`prepay_id`。以下是简化版.NET Core代码片段展示这一过程: ```csharp using System; using System.Net.Http; using Newtonsoft.Json.Linq; public class WeChatPayService { private readonly string _appId; // 小程序AppID private readonly string _mchId; // 商户号MCH_ID private readonly string _apiKey; // API密钥 public async Task<string> GetPrepayIdAsync(string outTradeNo, decimal totalFee){ var url = "https://api.mch.weixin.qq.com/pay/unifiedorder"; using (var client = new HttpClient()){ var content = new FormUrlEncodedContent(new[]{ ("appid", this._appId), ("mch_id",this._mchId ), ("nonce_str", Guid.NewGuid().ToString()), ("body","商品描述"), ("out_trade_no",outTradeNo), ("total_fee",(int)(totalFee * 100)),//单位转换为分 ("spbill_create_ip","客户端IP地址"), ("notify_url","http://yourdomain/notify"),//异步通知url ("trade_type","JSAPI") }); HttpResponseMessage response = await client.PostAsync(url,content); if(response.IsSuccessStatusCode){ var resultStr =await response.Content.ReadAsStringAsync(); JObject jsonResult=JObject.Parse(resultStr); return jsonResult["prepay_id"].Value<string>(); } throw new Exception("获取预付单失败"); } } } ``` 此部分实现了通过HTTP POST方式提交交易细节给微信支付接口以取得`prepay_id`的功能。 #### 前端逻辑(微信小程序) 当后端返回了有效的 `prepay_id`之后，则可以在小程序侧执行实际付款操作。下面是一个简单的JavaScript函数用来说明如何利用Weixin Mini Program SDK来进行支付流程控制： ```javascript const app = getApp(); function payOrder(prepayId) { wx.requestPayment({ 'timeStamp': '', 'nonceStr': '', 'package': 'prepay_id=' + prepayId, 'signType': 'MD5', 'paySign': '', // 这里应该是由后端计算出来的签名字符串 success(res) { console.log('支付成功', res); }, fail(err) { console.error('支付失败:', err); } }); } Page({ onLoad() { const that = this; // 调用后端接口获取prepay_id... wx.request({ method:"POST", url:'https://yourserver/get_prepayid',//替换为真实的后端接口路径 data:{/*传递必要参数*/}, success:function(resp){ let respData = resp.data; if(!respData.errcode && respData.prepay_id){ payOrder(respData.prepay_id); }else{ console.warn('无法初始化支付'); } } }) } }) ``` 这段脚本展示了怎样借助微信提供的wx.requestPayment方法启动支付对话框，并传入必需的信息以便顺利完成整个支付动作。