uni-app 封装第三方支付sdk

我可以提供技术支持，加QQ联系547479412

在uni-app中封装第三方支付SDK通常涉及调用原生支付插件或编写原生代码桥接。以下是一个基于支付宝支付和微信支付的基本封装示例。由于uni-app本身不支持直接调用原生SDK，你需要通过HBuilderX的自定义原生插件功能来实现。

1. 创建原生插件

首先，你需要为支付宝和微信支付分别创建原生插件。这里以支付宝支付为例，展示如何编写原生代码并封装为插件。

Android端

在src/android/plugin目录下创建一个Java类，如AlipayPlugin.java：

package com.example.plugin;

import android.app.Activity;
import android.content.Context;
import android.util.Log;
import com.alibaba.sdk.android.pay.PayTask;
import io.dcloud.feature.uniapp.bridge.UniJSCallback;
import io.dcloud.feature.uniapp.common.UniModule;

public class AlipayPlugin extends UniModule {

    @JavaScriptInterface
    public void pay(String orderString, UniJSCallback callback) {
        PayTask alipay = new PayTask(mUniContext);
        boolean result = alipay.payV2(orderString, true);
        Map<String, String> resultMap = new HashMap<>();
        resultMap.put("result", result ? "success" : "fail");
        callback.invoke(resultMap);
    }
}

iOS端

在src/ios/Classes目录下创建一个Objective-C类，如AlipayPlugin.m：

#import <Foundation/Foundation.h>
#import <UniApp/UniModule.h>

@interface AlipayPlugin : UniModule

- (void)pay:(NSString *)orderString callback:(UniJSCallback *)callback;

@end

@implementation AlipayPlugin

- (void)pay:(NSString *)orderString callback:(UniJSCallback *)callback {
    // 调用支付宝SDK进行支付，此处为示例，具体实现需参考支付宝SDK文档
    BOOL result = [AlipaySDK payOrder:orderString fromScheme:@"yourAppScheme"];
    NSDictionary *resultDict = @{ @"result": result ? @"success" : @"fail" };
    [callback invokeWithObject:resultDict];
}

@end

2. 在uni-app中调用原生插件

在uni-app项目中，通过uni.requireNativePlugin方法调用封装好的原生插件：

const alipayPlugin = uni.requireNativePlugin('AlipayPlugin');

alipayPlugin.pay('your_order_string', (res) => {
    if (res.result === 'success') {
        console.log('支付成功');
    } else {
        console.log('支付失败');
    }
});

注意：your_order_string是支付宝SDK所需的订单字符串，具体格式请参考支付宝官方文档。微信支付的实现步骤类似，只需替换相应的原生代码和SDK。

以上代码仅展示了基本的封装思路，实际开发中还需处理更多细节，如错误处理、支付结果回调等。同时，确保你已正确配置原生插件并在HBuilderX中打包发布。