示例代码包下载地址：https://www.123865.com/s/fS5Cjv-EOGOd?pwd=zhif# 此示例小程序包含后台代码，主要是通过支付FM接入微信小程序支付，支持通过H5拉起小程序支付。你也可以直接修改对应参数后快速发布小程序，也可以参考这个代码包中写法自行对接。

【小程序源码说明】：
1.siteinfo.js 中的 域名 修改为你自己的后台地址
2.lionfish_comshop\pages\user\payfm.js 26行【接口根地址】修改为你支付FM账号的接口根地址。

1. 修改apiUrl

修改lionfish_comshop/pages/user/payfm.js 中的apiUrl地址为你自己的。【用户中心→API开发信息→接口根地址】 微信支付小程序接入示例源码 - 图1

2. 小程序平台设置

request合法域名
进入小程序，管理→开发管理→服务器域名→request合法域名，填写支付FM用户中心页面查看到的【接口根地址】 ，以及你的小程序后台域名。 微信支付小程序接入示例源码 - 图2

3. 发布小程序

发布小程序前，登录小程序的后台，上传你的经营类目的商品。小程序开发不要咨询我们客服。

4. 增值服务

对于没有技术人员的老板，我们可以提供小程序代发布服务，服务费收取价格：1000元/次

5. 自有小程序

如果您已有微信小程序，可以在您的小程序中手动竭诚payfm.wxml页面。并将在你小程序中的页面路径配置到支付FM后台微信JSAPI小程序中的“页面路径”。下文附上payfm.wxml相关的完整代码。
微信支付小程序接入示例源码 - 图3 微信支付小程序接入示例源码 - 图4

payfm.wxml
  1. <view style="text-align: center;">
  2.      支付成功后请关闭小程序
  3. </view>
payfm.js
  1. Page({
  2.   data: {
  3.     openid: '',
  4.     orderId: ''
  5.   },
  7.   /**
  8.    * 生命周期函数--监听页面加载
  9.    */
  10.   onLoad: function (options) {
  11.     console.log("options=" + options); // 输出 {s: "fm", orderId: "123"}
  12.     // console.log(userInfo);
  13.     wx.showModal({
  14.       title: "订单号",
  15.       content: options.orderId
  16.     });
  17.     // wx.showToast({
  18.     //   title: options.orderId,
  19.     //   icon: 'none',
  20.     //   duration: 6000
  21.     // })
  22.     wx.showLoading();
  23.     if (options.s && options.s == 'fm') {
  24.       //fm请求过来 后登录openid然后再拉 
  25.       //接口根地址
  26.       var apiUrl = "https://apismini.mingchengque.top/api";
  27.       //登录授权
  28.       wx.login({
  29.         success: function (res) {
  30.           if (res.code) {
  31.             console.log("code=" + res.code);
  32.             var openid = wx.getStorageSync("jscode2session");
  33.             if (typeof openid !== 'undefined' && openid != 'undefined' && openid != '') {
  34.               //发起网络请求 获得 prepayid 对接核心部分
  35.               wx.request({
  36.                 url: apiUrl + '/wxminjsapi',
  37.                 data: {
  38.                   'openid': openid,
  39.                   'orderId': options.orderId
  40.                 },
  41.                 'success': function (res) {
  42.                   if (!res.data.data.package) {
  44.                     wx.showModal({
  45.                       title: "支付拉起失败",
  46.                       content: "请检查JSAPI配置，入有疑问可联系客服" + JSON.stringify(res.data.data)
  47.                     });
  49.                     wx.exitMiniProgram({
  50.                       success: function () {
  51.                         console.log("退出成功");
  52.                       }
  53.                     });
  54.                     return;
  55.                   }
  56.                   wx.requestPayment({
  57.                     appId: res.data.data.appid,
  58.                     timeStamp: res.data.data.timestamp + "",
  59.                     nonceStr: res.data.data.nonceStr,
  60.                     package: res.data.data.package,
  61.                     paySign: res.data.data.paysign,
  62.                     signType: "RSA",
  63.                     success: function (wxres) {
  64.                       wx.exitMiniProgram({
  65.                         success: function () {
  66.                           console.log("退出成功");
  67.                         },
  68.                         fail: function () {
  69.                           console.log("退出失败");
  70.                         },
  71.                         complete: function () {
  72.                           console.log("调用结束");
  73.                         }
  74.                       });
  75.                     },
  76.                     fail: function (res) {
  77.                       wx.exitMiniProgram({
  78.                         success: function () {
  79.                           console.log("退出成功");
  80.                         }
  81.                       });
  82.                       console.log(res);
  83.                     }
  84.                   })
  85.                 },
  86.                 'fail': function (res) {
  87.                   wx.showModal({
  88.                     title: "支付拉起失败",
  89.                     content: "，请检查JSAPI配置，入有疑问可联系客服" + JSON.stringify(res)
  90.                   });
  91.                   wx.exitMiniProgram({
  92.                     success: function () {
  93.                       console.log("退出成功");
  94.                     }
  95.                   });
  96.                 }
  97.               })
  99.               //发起网络请求 获得 prepayid 对接核心部分 end
  101.             } else {
  102.               wx.request({
  103.                 url: apiUrl + '/jscode2session',
  104.                 //code获取openid
  105.                 'data': {
  106.                   'orderId': options.orderId,
  107.                   'code': res.code
  108.                 },
  109.                 dataType: 'json',
  110.                 success: function (res) {
  111.                   wx.setStorage({
  112.                     key: "jscode2session",
  113.                     data: res.data.data.openid
  114.                   })
  115.                   //发起网络请求 获得 prepayid 对接核心部分
  116.                   wx.request({
  117.                     url: apiUrl + '/wxminjsapi',
  118.                     data: {
  119.                       'openid': res.data.data.openid,
  120.                       'orderId': options.orderId
  121.                     },
  122.                     'success': function (res) {
  123.                       debugger
  124.                       if (!res.data.data.package) {
  125.                         wx.showToast({
  126.                           title: '支付拉起失败，请检查JSAPI配置，入有疑问可联系客服',
  127.                           icon: 'none',
  128.                           duration: 2000
  129.                         })
  131.                         wx.exitMiniProgram({
  132.                           success: function () {
  133.                             console.log("退出成功");
  134.                           }
  135.                         });
  136.                         return;
  137.                       }
  138.                       wx.requestPayment({
  139.                         appId: res.data.data.appid,
  140.                         timeStamp: res.data.data.timestamp + "",
  141.                         nonceStr: res.data.data.nonceStr,
  142.                         package: res.data.data.package,
  143.                         paySign: res.data.data.paysign,
  144.                         signType: "RSA",
  145.                         success: function (wxres) {
  146.                           wx.exitMiniProgram({
  147.                             success: function () {
  148.                               console.log("退出成功");
  149.                             }
  150.                           });
  151.                         },
  152.                         fail: function (res) {
  153.                           console.log(res);
  154.                         }
  155.                       })
  156.                     }
  157.                   })
  159.                   //发起网络请求 获得 prepayid 对接核心部分 end
  162.                 }
  163.               });
  164.             }
  166.           } else {
  167.             //console.log('获取用户登录态失败！' + res.errMsg)
  168.           }
  169.         }
  170.       })
  172.     }
  173.     wx.hideLoading();
  175.   },
  178.   /**
  179.    * 生命周期函数--监听页面显示
  180.    */
  181.   onShow: function () {
  183.   },
  185.   /**
  186.    * 生命周期函数--监听页面隐藏
  187.    */
  188.   onHide: function () {
  190.   },
  192. })
payfm.json
  1. {
  2.   "navigationBarTitleText": "支付中"
  3. }
app.json

小程序项目的app.json文件中增加payfm的路径,注意不要放在pages数组的第1行，否则小程序容易因为“功能体验不完整”被驳回哟。

  1. {
  2.   "pages": [
  3.       //其他已存在代码保持不变
  4.     "lionfish_comshop/pages/user/payfm"
  5.     //其他已存在代码保持不变
  6.     ]
  7. }