微信小程序调用微信支付

最近玩了微信小程序，个人开发者不能调用微信支付，没有配置的request用的https服务器，很遗憾不能演示效果，希望未来能放开限制。

作为一个搞后台的，前端真的不是很在行，但是俗话说得好，技多不压身！为成为全栈而努力吧程序猿媛们！

小程序的目录结构

money层为调用微信支付的业务逻辑层

首先在WXML里面 加入button 就叫发起支付好了 很简陋 功能有就好了 前端美化不是强项。。

绑定了js事件，点击时做跳转动作

核心代码在这里：

// pages/money/money.js
Page({
  data:{
    flag: '敬请期待…',
    code: null
  },
  pay:function() {
    var that = this;
    //登录获取code
    wx.login({
      success: function(res){
        if(res.code) {
          that.code = res.code;
          //统一下单
          wx.request({
            url: 'https://...',//自己的https服务器
            data: {
            code:that.code
            },
            method: 'GET', 
            success: function(res){
              console.log(res.data);
              var data = res.data;
              //调用微信支付
              wx.requestPayment({
                'timeStamp': data.timeStamp,
                'nonceStr': data.nonceStr,
                'package': data.package,
                'signType': 'MD5',
                'paySign': data.paySign,
                'success':function(res){
                  console.log("支付成功");
                },
                 'fail':function(res){
                   console.log("支付失败");
                }
              })
            },
            'fail':function(res){
              console.log("获取信息失败");
            }
          })
        } else {
          console.log("无法登录");
        }
      },
    })
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
  },
  onHide:function(){
    // 页面隐藏
  },
  onUnload:function(){
    // 页面关闭
  }
})

登录可以在app.js中做，也可以在这里，只是举例

先获取code 然后统一下单

获取发起支付所需要的五个字段

最后调用支付API接口 搞定！

（不包括配置https服务器）

官方资料：

API文档

开发文档

来张别人的图 假装是我的hhh byebye