微信小程序的支付功能 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

微信小程序的支付功能

发表时间:2020-10-19

发布人:葵宇科技

浏览次数:28

微信小程序的支付功能

	微信小程序不仅是一个展示平台,更多的我们经常用到小程序的电商功能,支付的话呢,我们目前是要接入我们的微信支付
首先呢,是我们的第一点

应用的场景
分别呢,会有线下场所,我有公众号,我有小程序,我有pc网,我有app

不同的场景呢,支付类型各不相同:
在这里插入图片描述
第二步呢
开发准备
需要进行注册账号,微信小程序账号,微信商户平台账号
在这里插入图片描述

最后呢,就是我们的开发流程
发起微信支付即调用API wx.requestPayment(Object object)
根据过程,划分6个模块
在这里插入图片描述
1.下单
2.向后端发出支付请求
3.后端系统与微信服务进行交互,换取参数
4.发起微信支付
5.微信服务返回支付的结果
6.把结果通知给后端系统

/**
     * 
     * @param {string|number} id 订单ID
     * @param {string|number} totalPrice 订单总价
     */
    pay(id,totalPrice){
        wx.request({
            url: 'https://xxxxxxxxx',
            data: {
              orderId: id,
              orderPrice:totalPrice
            },
            success:res => {
                wx.requestPayment({
                    timeStamp: res.data.timeStamp,
                    nonceStr: res.data.paySign,
                    package: res.data.paySign,
                    signType: 'MD5',
                    paySign: res.data.paySign,
                    success(res) {
                        console.log('支付成功')
                    },
                    fail(res) { 
                        console.log('支付失败')
                    }
                })
        },
        fail:err </span>=&gt;<span style="color: #000000;"> {
            console.log(</span>'接口请求出错'<span style="color: #000000;">)
        }
    })
}</span></pre>

相关案例查看更多