uniapp 微信支付,支付宝申请支付配置流程

uniapp 微信支付,支付宝支付流程

微信支付

获取 商户号,appid,APIv2密钥;
1、登录 微信开放平台,添加移动应用,审核通过后可获取应用ID(AppID,支付订单中需要使用)
(需要)
app应用申请

2、使用商户号和登录密码登录 微信商户平台,进入 “账户中心” > “API安全” > “设置APIv2密钥” 设置API密钥(用于服务器生成订单),详情参考API证书及密钥;
jsapi支付截图

3、在manifest.json文件“App模块配置”项的“Payment(支付)”下,勾选“微信支付”项
4、微信支付请求示例代码 phpSDK下载

//订单对象,从服务器获取
var orderInfo = {
  "appid": "wx49********7e",  // 应用ID(AppID)
  "partnerid": "144*****62",      // 商户号(PartnerID)
  "prepayid": "wx2eee4********************fbe95790", // 预支付交易会话ID
  "package": "Sign=WXPay",        // 固定值
  "noncestr": "c5sEsdfgPiXAF3iv", // 随机字符串
  "timestamp": 159995292,        // 时间戳(单位:秒)
  "sign": "A842B45937F6Edkn0DEC7A2EAA52D5A0" // 签名,这里用的 MD5 签名
};
//获取支付渠道
var wxpaySev = null;
plus.payment.getChannels(function(channels){
    for (var i in channels) {
        var channel = channels[i];
        if (channel.id === 'wxpay') {
            wxpaySev = channel;
        }
    }
    //发起支付
    plus.payment.request(wxpaySev, orderInfo, function(result) {
        var rawdata = JSON.parse(result.rawdata);
        console.log("支付成功");
    }, function(e) {
        console.log("支付失败:" + JSON.stringify(e));
    });
  }, function(e){
      console.log("获取支付渠道失败:" + JSON.stringify(e));
});

支付宝支付

获取appid,应用公钥,私钥;
1、登录 支付宝开放平台 ,进入控制台页面创建移动应用
在这里插入图片描述
在这里插入图片描述

填写应用信息并提交审核,在应用详情页面的能力列表中添加APP支付功能,进入开发设置完成加密方式、IP白名单等开发信息,设置添加功能和配置密钥后(下载支付宝开放平台,获取应用公钥、应用私钥,用于服务器生成订单),将应用提交审核,详情参考上线应用应用上线后,完成签约使用(app_id,公钥,私钥)在生产环境使用支付功能;

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

打开项目的manifest.json文件,在“App模块配置”项的“Payment(支付)”下,勾选“支付宝支付”

3、示例代码 phpSDK下载

var orderInfo = '';  //从服务器获取的订单
//获取支付宝支付对象
var alipaySev = null;  // 支付宝支付对象
plus.payment.getChannels(function(channels){
    for (var i in channels) {
        var channel = channels[i];
        if (channel.id === 'alipay') {
            alipaySev = channel;
        }
    }
    //发起支付
    plus.payment.request(alipaySev, orderInfo, function(result){
          var rawdata = JSON.parse(result.rawdata);
          console.log("支付成功");
      }, function(e){
          console.log("支付失败:" + JSON.stringify(e));
    });
  }, function(e){
      console.log("获取支付渠道失败:" + JSON.stringify(e));
});

### 如何在 FinClip Studio 中运行 UniApp 开发的微信小程序项目 #### 配置说明与操作流程 为了能够在 **FinClip Studio** 中成功运行由 **UniApp** 开发的微信小程序项目,需遵循以下配置操作指南: 1. **确认环境支持** 确保已安装最新版本的 **FinClip Studio** 并完成必要的初始化设置。通过该平台可以模拟真实设备上的小程序运行效果[^1]。 2. **选择合适的 Runtime 支持** 根据引用内容可知,**FinClip SDK** 提供了对多种主流小程序框架的支持(如微信支付宝、字节跳动等)。对于 UniApp 项目而言,其底层逻辑依赖于标准的小程序 API 实现方式,因此可以直接利用 FinClip 的微信小程序兼容模式来加载并执行代码包[^3]。 3. **准备目标项目的构建产物** 使用官方推荐工具链编译生成适用于微信生态的目标文件夹结构。通常情况下会包含以下几个核心部分: - `pages` 文件夹:定义页面路径及其关联脚本; - `app.json` 或者其他全局配置项描述文档; - 资源素材集合(图片资源、样式表单等)。 4. **上传至云端服务端口或者本地调试入口指定位置** 登录到对应的开发者后台管理系统界面之后,在新建应用选项卡下按照提示逐步填写基本信息字段以及绑定先前所提到过的静态资产地址链接[^2]。 5. **测试验证环节** 完成上述准备工作以后就可以尝试启动预览功能按钮查看实际渲染出来的画面表现形式是否符合预期设计稿要求。如果遇到任何异常状况,则需要仔细排查可能存在的原因所在之处——比如网络请求失败可能是由于跨域策略限制引起;某些特定组件无法正常显示则要考虑是否存在未适配的情况等问题存在可能性较大一些。 以下是简单的 Python 示例用于演示如何调用接口获取 token 来辅助后续步骤中的身份认证过程处理工作: ```python import requests def get_token(app_id, app_secret): url = 'https://api.finclip.com/v1/token' payload = {'grant_type': 'client_credentials', 'client_id': app_id, 'client_secret': app_secret} response = requests.post(url, data=payload) if response.status_code == 200: result = response.json() return result['access_token'] else: raise Exception('Failed to obtain access token') # Example usage of the function defined above. try: ACCESS_TOKEN = get_token('<your_app_id>', '<your_app_secret>') except Exception as e: print(f'Error occurred: {str(e)}') ``` --- #### 注意事项 - 如果发现有自定义插件未能生效的现象发生时,请检查这些第三方库是否有提供针对 FinClip 场景下的移植版解决方案可供选用。 - 对于涉及支付类敏感业务场景的应用来说还需要额外申请相关资质授权许可才能正式上线对外提供服务给最终用户群体使用。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值