"api工厂" 使用手册

api接口开箱即用,云后台管理,助力前端,解放后端开发;

不懂编程也能独立开发应用,小步快跑,快速创业!

旨为更懂你!

微信支付(在线充值)

前言


本教程是基于 “apifm-wxapi” 模块,教你快速实现小程序开发,所以你可能需要先了解以下知识点:


《创建 HelloWorld 项目》

《使用 “apifm-wxapi” 快速开发小程序》

《免费注册开通后台,获得专属域名》


微信支付,需要用户登录后才能操作,也就是说需要 token 授权,请先了解:


《微信小程序登录获取openid及三方token》


你需要先登录你的小程序后台,左侧菜单“微信支付”开通属于你自己的微信支付后才能完成下面的演示


在后台配置你的微信支付商户号和秘钥


登录上述的免费后台,在左侧菜单 --> 微信设置 --> 修改appid/secret设置


填写 “微信支付商户号” + “微信支付商户秘钥” ;


微信支付商户号: 你申请开通微信支付的商户号

微信支付商户秘钥: 登录微信支付的商户后台 https://pay.weixin.qq.com 你需要手动去设置一个 api安全秘钥 (是api秘钥,不是apiv3秘钥,不要搞错了)



小程序代码:


 1const WXAPI = require('apifm-wxapi')
 2WXAPI.init('gooking')
 3
 4Page({
 5  data: {
 6
 7  },
 8  onLoad: function (options) {
 9
10  },
11  pay() {
12    WXAPI.wxpay({
13      token: '登录后获取的 token',
14      money: 100,
15      payName: '支付测试'
16    }).then(function (res) {
17      console.log(res)
18      // 调起微信支付
19      wx.requestPayment({
20        timeStamp: res.data.timeStamp,
21        nonceStr: res.data.nonceStr,
22        package: 'prepay_id=' + res.data.prepayId,
23        signType: 'MD5',
24        paySign: res.data.sign,
25        fail: function (aaa) {
26          wx.showToast({
27            title: '支付失败:' + aaa
28          })
29        },
30        success: function () {
31          wx.showToast({
32            title: '支付成功'
33          })
34        }
35      })
36    })
37  }
38})


WXAPI.init('gooking') 这句代码是将你的小程序链接到你的后台,其中 gooking 这个是你的专属域名(请查看前言中关于专属域名的章节说明);


支付完成后,可以让系统自动的完成下一步的功能:


《在线支付接口中 nextAction 参数的使用详解》


完成!


你现在可以让用户查看下他自己的资产、资金明细:


《在现有小程序上增加资金模块(查看资产、查看资金流水》


wxpay 方法更多参数的高级应用,你可以查看下面的接口文档检阅:


《api接口文档》


常见问题排查


如果你在支付过程中遇到问题,请根据下述文案进行排查:


《微信支付50000错误 / 签名错误 / 无法支付 解决办法》


期待你的进步!

感谢!