uniapp app 微信支付详细教程

UniApp是一个跨平台的框架，它允许开发者编写一次代码，生成兼容iOS、Android等多个平台的应用。微信支付在UniApp中集成，需要遵循以下步骤：

1. **注册并配置**:
- 注册微信公众平台账号，并创建小程序项目，如果尚未绑定企业账户，可能会需要提交相关资质审核。
- 登录UniApp开发者工具，在“设置”->“服务端配置”添加微信支付的相关配置，包括商户ID、公众号APPID等。

2. **引入SDK**:
使用UniApp提供的`uni-app-plus/pay`插件，可以在`main.js`或其他合适位置导入并初始化微信支付功能。

import { wxPay } from '@dcloudio/uni-app-plus/pay';
wxPay.init({
  // 配置项，参考微信公众平台文档
});

3. **发起支付**:
当用户选择商品后，通过`wxPay.request()`方法发起支付请求，传入订单信息（如商品价格、标题、描述、金额、订单号等）。

const order = {
  total_fee: '10.01',
  body: '商品描述',
  out_trade_no: 'your_order_id'
};

wxPay.request(order)
  .then((res) => {
    console.log('支付成功', res);
    // 这里处理支付成功的回调，跳转到支付结果页或更新订单状态
  })
  .catch((err) => {
    console.error('支付失败', err);
    // 处理错误情况
  });

4. **支付回调处理**:
微信支付成功后会发送异步通知，你需要配置服务器接收通知，并根据返回的数据更新本地数据库或同步到微信后台。

**注意事项**:
- 遵守微信支付的服务协议和隐私政策。
- 确保在真机或模拟器上测试支付流程。
- 对于敏感操作，如用户输入的密码，需在客户端加密后再传递给微信支付。