前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >uniapp 微信小程序支付

uniapp 微信小程序支付

作者头像
风花一世月
发布2024-03-19 13:25:57
1280
发布2024-03-19 13:25:57
举报
文章被收录于专栏:前端前端

前置条件:

1、接入微信支付

2、与小程序绑定 微信支付-审核号管理授权

代码流程:

a、需要有用户openid

 -调用uni.login获取code,向服务器请求openid

代码语言:javascript
复制
uni.login({
    provider: 'weixin',
    success: function (loginRes) {
     //loginRes中有code,拿着code再请求自己服务器以获取openid
        console.log("当前获取登录信息",loginRes);
        // 这里向后台获取openid
        
    }
})

 -后台通过code、appid、AppSecret等获取openid和session_key

b、携带支付信息(金额等)、openid(一般发在服务器,请求时后端自己取)获取微信支付参数,后端拿到参数向微信请求支付参数

c、拿到参数通过uni.requestPayment调用微信支付

代码语言:javascript
复制
uni.requestPayment({
        provider: 'wxpay',
        timeStamp: '1414561600',
        nonceStr: '5K8264ILTKCH16CQ2502SI8ZNMTM67FD',
        package: 'prepay_id=wx201410272009395522657a690389285188',
        signType: 'RSA',
        paySign: 'oR9d8PuhnIc+YZ8cBHFCwfgpaK9gd7vaRvkYD7rthRAZ\/X+QBhcCYL21N7cHCTUxbQ+EAt6Uy+lwSN22f5YZvI45MLko8Pfso0jm46v5hqcVwrk6uddkGuT+Cdvu4WBqDzaDjnNa5UK3GfE1Wfl2gHxIIY5lLdUgWFtea7D4WuolLLkiFZV+JSHMvH7eaLdT9N5GBovBwu5yYKUR7skR8Fu+LozcSqQixnlEZUfyE55feLOQTUYzLmR9pNtPbPsu6WVhbNHMS3Ss2+AehHvz+n64GDmXxbX++IOBvm2olHu3PsOUGRwhudhVf7UcGcunXt8cqNjKNqZLhLw4jq\/xDg==',
        success: function (res) {
                console.log('success:' + JSON.stringify(res));
        },
        fail: function (err) {
                console.log('fail:' + JSON.stringify(err));
        }
});
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022-04-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档