文档章节

微信小程序—支付

傻男孩
 傻男孩
发布于 2017/05/23 11:02
字数 273
阅读 277
收藏 3

只提供微信小程序端代码

var app = getApp();
Page({
    data: {},
    onLoad: function (options) {
        // 页面初始化 options为页面跳转所带来的参数
        var that = this
        //登陆获取code
        wx.login({
            success: function (res) {
                console.log(res.code)
                //获取openid
                that.getOpenId(res.code)
            }
        });
    },
    getOpenId: function (code) {
        var that = this;
        wx.request({
            url: "https://api.weixin.qq.com/sns/jscode2session?appid=小程序appid&secret=小程序应用密钥&js_code=" + code + "&grant_type=authorization_code",
            data: {},
            method: 'GET',
            success: function (res) {
                that.generateOrder(res.data.openid)
            },
            fail: function () {
                // fail
            },
            complete: function () {
                // complete
            }
        })
    },
    /**生成商户订单 */
    generateOrder: function (openid) {
        var that = this
        //统一支付
        wx.request({
            url: '后台路径',
            method: 'GET',
            data: {
                gfee: '商品价钱',
                gname: '商品名称',
                openId:openid
                (商品价钱和商品名称根据自身需要是否传值,openid为必传)
            },
            success: function (res) {
                var pay = res.data
                //发起支付
                var timeStamp = pay[0].timeStamp;
                var packages = pay[0].package;
                var paySign = pay[0].paySign;
                var nonceStr = pay[0].nonceStr;
                var param = { "timeStamp": timeStamp, "package": packages, "paySign": paySign, "signType": "MD5", "nonceStr": nonceStr };
                that.pay(param)
            },
        })
    },

    /* 支付   */
    pay: function (param) {
        console.log("支付")
        console.log(param)
        wx.requestPayment({
            timeStamp: param.timeStamp,
            nonceStr: param.nonceStr,
            package: param.package,
            signType: param.signType,
            paySign: param.paySign,
            success: function (res) {
                // success
                wx.navigateBack({
                    delta: 1, // 回退前 delta(默认为1) 页面
                    success: function (res) {
                        wx.showToast({
                            title: '支付成功',
                            icon: 'success',
                            duration: 2000
                        })
                    },
                    fail: function () {
                        // fail

                    },
                    complete: function () {
                        // complete
                    }
                })
            },
            fail: function (res) {
                // fail
            },
            complete: function () {
                // complete
            }
        })
    }
})

 

© 著作权归作者所有

共有 人打赏支持
傻男孩
粉丝 2
博文 47
码字总数 52350
作品 0
深圳
高级程序员
私信 提问
微信小程序之微信支付C#后台(统一下单)

一、微信小程序支付 1、微信小程序端请求支付接口 商户在小程序中先调用该接口在微信支付服务后台生成预支付交易单,返回正确的预支付交易后调起支付。具体可以查看接口示例。 接口传入参数示...

Crazy Struggle
09/27
0
0
WordPress 版微信小程序 - weimi-GZU

微觅贵大微信小程序 —— WordPress 版微信小程序 功能清单: 1.缩略图的方式显示文章列表(首页,分类文章),包括显示文章分类和发布时间,加载分页。 2.在首页用轮播方式显示置顶文章。 ...

似最初
05/24
0
0
微信小程序商城更新最新版 v1.2.2

微信小程序商城更新最新版 v1.2.2,主要改进内容包括: 1、 修复js循环异步加载API时候导致的变量异常; 2、增加后台发布商品选择使用快递时候下单的支持; 3、物流快递费用支持按件数和按重...

javazj
2017/07/30
1K
4
微信小程序商城更新最新版 v1.3.0

微信小程序商城更新最新版 v1.3.0,主要改进内容包括: 1、增加店铺优惠券功能,可设置优惠券消费满一定金额后抵用; 2、优化了立即购买功能,金额小数点bug修复 【感谢@fxma贡献代码】; 3、...

javazj
2017/08/16
1K
4
微信小程序半年了你们有分享到哪些红利吗

微信小程序半年了,你们有分享到哪些红利吗? 微信小程序上线至今已经到了半年之期,说长不长,说短也不算短,从一开始的备受期待,到上线的热潮,再到遇冷、最后趋于理性,小程序走的路并不...

湃点科技
2017/12/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 你一口我一口多咬一口是小狗

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @达尔文 :分享Roy Orbison的单曲《She's a Mystery to Me》 《She's a Mystery to Me》- Roy Orbison 手机党少年们想听歌,请使劲儿戳(这里...

小小编辑
今天
69
4
Spring源码学习笔记-1-Resource

打算补下基础,学习下Spring源码,参考书籍是《Spring源码深度解析》,使用版本是Spring 3.2.x,本来想试图用脑图记录的,发现代码部分不好贴,还是作罢,这里只大略记录下想法,不写太细了 ...

zypy333
今天
12
0
RestClientUtil和ConfigRestClientUtil区别说明

RestClientUtil directly executes the DSL defined in the code. ConfigRestClientUtil gets the DSL defined in the configuration file by the DSL name and executes it. RestClientUtil......

bboss
今天
21
0

中国龙-扬科
昨天
4
0
Linux系统设置全局的默认网络代理

更改全局配置文件/etc/profile all_proxy="all_proxy=socks://rahowviahva.ml:80/"ftp_proxy="ftp_proxy=http://rahowviahva.ml:80/"http_proxy="http_proxy=http://rahowviahva.ml:80/"......

临江仙卜算子
昨天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部