"api工厂" 使用手册

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

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

旨为更懂你!

提现功能

前言


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


《创建 HelloWorld 项目》

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

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


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


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


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


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


功能介绍


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


启用 “用户提现” 模块


登录 “第一步” 注册的后台,左侧菜单 --> 工厂设置 --> 模块管理


找到 “用户提现” 模块,点击 “启用模块” ,然后 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 ,就能快速实现!


期待你的进步!

感谢!