提现功能

前言

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

《创建 HelloWorld 项目》

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

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

本案例，需要用户登录后才能操作，也就是说需要 token 授权，请先了解：

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

为方便测试，请先登录后台，“用户资产管理” 中给你的测试用户增加可用余额，继而可以完整体验支付押金流程：

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

功能介绍

用户小程序账户下的可用余额可以提现；
用户在小程序端将可用余额部分资金申请提现；
后台财务审核，可选手动转账给用户 / 使用微信自动打款接口给用户微信打款；

启用 “用户提现” 模块

找到 “用户提现” 模块，点击 “启用模块” ，然后 F5 刷新一下后台界面，你将可以看到新的菜单：

“财务管理” --> “发票管理” ；

小程序界面：

1<button type="primary" bindtap="goRegist"> 注册 / 登录 </button>
2<button type="warn" bindtap="withDrawLogs"> 我的提现记录 </button>
3<button type="warn" bindtap="withDrawApply"> 申请提现 </button>
4<button type="warn" bindtap="withDrawDetail"> 提现记录详情 </button>

小程序代码：

 1const WXAPI = require('apifm-wxapi')
 2WXAPI.init('gooking')
 3
 4Page({
 5  data: {
 6
 7  },
 8  onLoad: function (options) {
 9
10  },
11  onShow: function () {
12
13  },
14  goRegist() {
15    wx.navigateTo({
16      url: '/pages/auth/index'
17    })
18  },
19  withDrawLogs() {
20    const loginToken = wx.getStorageSync('loginToken')
21    if (!loginToken) {
22      wx.showToast({
23        title: '请先登录',
24        icon: 'none'
25      })
26      return
27    }
28    WXAPI.withDrawLogs({
29      token: loginToken.token
30    }).then(res => {
31      console.log(res)
32      if (res.code == 0) {
33        wx.showToast({
34          title: '读取成功',
35          icon: 'success'
36        })
37      } else {
38        wx.showToast({
39          title: res.msg,
40          icon: 'none'
41        })
42      }
43    })
44  },
45  withDrawApply() {
46    const loginToken = wx.getStorageSync('loginToken')
47    if (!loginToken) {
48      wx.showToast({
49        title: '请先登录',
50        icon: 'none'
51      })
52      return
53    }
54    WXAPI.withDrawApply(loginToken.token, 100).then(res => {
55      console.log(res)
56      if (res.code == 0) {
57        wx.showToast({
58          title: '申请成功',
59          icon: 'success'
60        })
61      } else {
62        wx.showToast({
63          title: res.msg,
64          icon: 'none'
65        })
66      }
67    })
68  },
69  withDrawDetail() {
70    const withDrawId = 1941 // 记录中的记录ID
71    const loginToken = wx.getStorageSync('loginToken')
72    if (!loginToken) {
73      wx.showToast({
74        title: '请先登录',
75        icon: 'none'
76      })
77      return
78    }
79    WXAPI.withDrawDetail(loginToken.token, withDrawId).then(res => {
80      console.log(res)
81      if (res.code == 0) {
82        wx.showToast({
83          title: '读取成功',
84          icon: 'success'
85        })
86      } else {
87        wx.showToast({
88          title: res.msg,
89          icon: 'none'
90        })
91      }
92    })
93  },
94})

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

您可以前往上述「资金流水」里查看用户申请提现导致的用户资金明细的变化

提现记录列表分页、更多筛选条件的使用，你可以查看下述接口文档：

《api接口文档》

无需后端编程，只要你有好的 idea ，就能快速实现！

期待你的进步！

感谢！

"api工厂" 使用手册

提现功能

前言

功能介绍

启用 “用户提现” 模块

小程序界面：

小程序代码：