给我写一个微信h5交易接口代码

以下是一个简单的微信H5交易接口的示例代码，你可以根据自己的实际需求进行修改和优化：

// 引入微信JS-SDK的JS文件
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

<script>
// 在页面加载完成后执行该函数
$(function() {
  // 调用微信JS-SDK的config函数进行配置
  wx.config({
    debug: false, // 是否开启调试模式
    appId: 'YOUR_APP_ID', // 公众号的唯一标识
    timestamp: 'YOUR_TIMESTAMP', // 生成签名的时间戳
    nonceStr: 'YOUR_NONCESTR', // 生成签名的随机串
    signature: 'YOUR_SIGNATURE', // 签名
    jsApiList: ['chooseWXPay'] // 需要使用的JS接口列表
  });

  // 当用户点击支付按钮时执行该函数
  $('#payBtn').click(function() {
    // 调用微信JS-SDK的chooseWXPay函数进行支付
    wx.chooseWXPay({
      timestamp: 'YOUR_TIMESTAMP', // 支付时间戳
      nonceStr: 'YOUR_NONCESTR', // 支付随机串
      package: 'YOUR_PACKAGE', // 统一下单接口返回的prepay_id参数值，格式如：prepay_id=wx2017033010242291fcfe0db70013231072
      signType: 'MD5', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
      paySign: 'YOUR_PAY_SIGNATURE', // 支付签名
      success: function(res) {
        // 支付成功
        alert('支付成功！');
      },
      fail: function(res) {
        // 支付失败
        alert('支付失败，请重试！');
      }
    });
  });
});
</script>

<!-- 在页面中添加一个支付按钮 -->
<button id="payBtn">微信支付</button>

需要注意的是，以上代码仅为示例代码，具体的接口调用和参数传递需要根据微信支付的开发文档进行实现。同时，需要对接口进行安全性和稳定性的优化，确保用户的支付过程顺利完成。