H5打包的app与微信支付接口的对接主要分为以下几个步骤：
1. 注册微信开放平台账号
首先要在微信开放平台注册账号，获取到APPID和APPSECRET。
2. 配置支付信息
在开放平台中配置支付信息，包括支付方式、支付回调地址、证书文件等。
3. 引入JSAPI文件
在H5页面中引入JSAPI文件，即微信提供的调用支付接口的常用方法。可以通过CDN引入，也可以将JSAPI文件下载到本地。
4. 获取支付信息
在H5页面中获取订单的支付信息，包括订单号、金额、支付描述等。
5. 调用支付接口
使用JSAPI中的调用支付接口方法，传入获取的支付信息，进行支付。
下面将详细介绍上述过程：
1. 注册微信开放平台账号：
首先，打开微信开放平台网站，进行注册并登录。在开放平台中创建新的应用，选择移动应用类型，输入APP名称和包名后进行提交。提交成功后会获取到APPID和APPSECRET。
2. 配置支付信息：
在创建应用之后，在开放平台中选择开发-基本配置，勾选支付功能，并进行相关支付配置，包括支付方式、支付回调地址、证书文件等。其中，支付方式包括APP支付、网页支付等。选择APP支付方式后需要填写APPID、商户号、API密钥等信息，其中API密钥需要在商户平台中进行设置和获取。
3. 引入JSAPI文件：
在H5页面中引入JSAPI文件，可以通过以下两种方法：
1）使用微信提供的CDN地址引入JSAPI文件。例如：
2）将JSAPI文件下载到本地，通过本地引入方式引入JSAPI文件。
4. 获取支付信息：
在H5页面中获取订单的支付信息，包括订单号、金额、支付描述等。具体方法可以参考微信提供的开发文档。
5. 调用支付接口：
使用JSAPI中的调用支付接口方法，传入获取的支付信息，进行支付。具体代码如下：
```javascript
wx.chooseWXPay({
timestamp: '${timeStamp}', //时间戳
nonceStr: '${nonceStr}', //随机串
package: '${package}', //订单详情扩展字符串
signType: '${signType}', //签名方式
paySign: '${paySign}', //签名
success: function (res) {
//支付成功的回调函数
},
fail: function (res) {
//支付失败的回调函数
}
});
```
以上就是H5打包的app对接微信支付接口的详细介绍，通过以上步骤可以实现支付功能。
