Java最新借助小程序云开发实现小程序支付功能（含源码），springmvc面试题2024

最后

总而言之，面试官问来问去，问的那些Redis知识点也就这么多吧，复习的不够到位，知识点掌握不够熟练，所以面试才会卡壳。将这些Redis面试知识解析以及我整理的一些学习笔记分享出来给大家参考学习

还有更多学习笔记面试资料也分享如下：

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取

老规矩先看效果图：

本节知识点

1，云开发的部署和使用

2，支付相关的云函数开发

3，商品列表

4，订单列表

5，微信支付与支付成功回调

支付成功给用户发送推送消息的功能会在后面讲解。

下面就来教大家如何借助云开发使用小程序支付功能。

---

支付所需要用到的配置信息

1，小程序appid

2，云开发环境id

3，微信商户号

4，商户密匙

一，准备工作

---

1，已经申请小程序，获取小程序 AppID 和 Secret 在小程序管理后台中，【设置】 →【开发设置】 下可以获取微信小程序 AppID 和 Secret。

2，微信支付商户号，获取商户号和商户密钥在微信支付商户管理平台中，【账户中心】→【商户信息】 下可以获取微信支付商户号。

在【账户中心】 ‒> 【API安全】 下可以设置商户密钥。

这里特殊说明下，个人小程序是没有办法使用微信支付的。所以如果想使用微信支付功能，必须是非个人账号（当然个人可以办个体户工商执照来注册非个人小程序账号）

3，微信开发者 IDE https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

4，开通小程序云开发功能：https://edu.csdn.net/course/play/9604/204526

二，商品列表的实现

---

效果图如下，由于本节重点是支付的实现，所以这里只简单贴出关键代码。

wxml布局如下：

<view class="container">

  <view class="good-item" wx:for="{{goods}}" wx:key="*this" ontap="getDetail" data-goodid="{{item._id}}">

    <view class="good-image">

      <image src="{{pic}}"></image>

    </view>

    <view class="good-detail">

      <view class="title">商品: {{item.name}}</view>

      <view class="content">价格： {{item.price / 100}} 元 </view>

      <button

        class="button"

        type="primary"

        bindtap="makeOrder"

        data-goodid="{{item._id}}"

      >下单</button>

    </view>

  </view>

</view>

我们所需要做的就是借助云开发获取云数据库里的商品信息，然后展示到商品列表，关于云开发获取商品列表并展示本节不做讲解（感兴趣的同学可以翻看我的历史博客，有写过的）

三，支付云函数的创建

---

首先看下我们支付云函数都包含那些内容

简单先讲解下每个的用处

config下的index.js是做支付配置用的，主要配置支付相关的账号信息

lib是用的第三方的支付库，这里不做讲解。

重点讲解的是云函数入口 index.js

下面就来教大家如何去配置

1,配置config下的index.js,

这一步所需要做的就是把小程序appid，云开发环境ID，商户id，商户密匙。填进去。

2，配置入口云函数

详细代码如下，代码里注释很清除了，这里不再做单独讲解：

const cloud = require('wx-server-sdk')

cloud.init()



const app = require('tcb-admin-node');

const pay = require('./lib/pay');

const {

 mpAppId,

 KEY

} = require('./config/index');

const {

 WXPayConstants,

 WXPayUtil

} = require('wx-js-utils');

const Res = require('./lib/res');

const ip = require('ip');



/**

 *

 * @param {obj} event

 * @param {string} event.type 功能类型

 * @param {} userInfo.openId 用户的openid

 */

exports.main = async function(event, context) {

 const {

  type,

  data,

  userInfo

 } = event;

 const wxContext = cloud.getWXContext()

 const openid = userInfo.openId;

 

 app.init();

 const db = app.database();

 const goodCollection = db.collection('goods');

 const orderCollection = db.collection('order');



 // 订单文档的status 0 未支付 1 已支付 2 已关闭

 switch (type) {

  // [在此处放置 unifiedorder 的相关代码]

  case 'unifiedorder':

   {

    // 查询该商品 ID 是否存在于数据库中，并将数据提取出来

    const goodId = data.goodId

    let goods = await goodCollection.doc(goodId).get();



    if (!goods.data.length) {

     return new Res({

      code: 1,

      message: '找不到商品'

     });

    }



    // 在云函数中提取数据，包括名称、价格才更合理安全，

    // 因为从端里传过来的商品数据都是不可靠的

    let good = goods.data[0];



    // 拼凑微信支付统一下单的参数

    const curTime = Date.now();

    const tradeNo = `${goodId}-${curTime}`;

    const body = good.name;

    const spbill_create_ip = ip.address() || '127.0.0.1';

    // 云函数暂不支付 http 触发器，因此这里回调 notify_url 可以先随便填。

    const notify_url = 'http://www.qq.com'; //'127.0.0.1';

    const total_fee = good.price;

    const time_stamp = '' + Math.ceil(Date.now() / 1000);

    const out_trade_no = `${tradeNo}`;

    const sign_type = WXPayConstants.SIGN_TYPE_MD5;



    let orderParam = {

     body,

     spbill_create_ip,

     notify_url,

     out_trade_no,

     total_fee,

     openid,

     trade_type: 'JSAPI',

     timeStamp: time_stamp,

    };



    // 调用 wx-js-utils 中的统一下单方法

    const {

     return_code,

     ...restData

    } = await pay.unifiedOrder(orderParam);



    let order_id = null;



    if (return_code === 'SUCCESS' && restData.result_code === 'SUCCESS') {

     const {

      prepay_id,

      nonce_str

     } = restData;



     // 微信小程序支付要单独进地签名，并返回给小程序端

     const sign = WXPayUtil.generateSignature({

      appId: mpAppId,

      nonceStr: nonce_str,

      package: `prepay_id=${prepay_id}`,

      signType: 'MD5',

      timeStamp: time_stamp

     }, KEY);



     let orderData = {

      out_trade_no,

      time_stamp,

      nonce_str,

      sign,

      sign_type,

      body,

      total_fee,

      prepay_id,

      sign,

      status: 0, // 订单文档的status 0 未支付 1 已支付 2 已关闭

      _openid: openid,

     };



     let order = await orderCollection.add(orderData);



     order_id = order.id;

    }





### 最后

由于篇幅有限，这里就不一一罗列了，**20道常见面试题（含答案）+21条MySQL性能调优经验**小编已整理成Word文档或PDF文档

![MySQL全家桶笔记](https://img-blog.csdnimg.cn/img_convert/15675683d99b7ffaa9fd17977dd0a303.webp?x-oss-process=image/format,png)

**还有更多面试复习笔记分享如下**

![Java架构专题面试复习](https://img-blog.csdnimg.cn/img_convert/c68ca6dffac2ed22ca94c93bb67ed629.webp?x-oss-process=image/format,png)

> **本文已被[CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】](https://bbs.csdn.net/forums/4f45ff00ff254613a03fab5e56a57acb)收录**

**[需要这份系统化的资料的朋友，可以点击这里获取](https://bbs.csdn.net/forums/4f45ff00ff254613a03fab5e56a57acb)**

r_id = order.id;

    }





### 最后

由于篇幅有限，这里就不一一罗列了，**20道常见面试题（含答案）+21条MySQL性能调优经验**小编已整理成Word文档或PDF文档

[外链图片转存中...(img-2q0etZEM-1715424775344)]

**还有更多面试复习笔记分享如下**

[外链图片转存中...(img-UKt7lMl0-1715424775345)]

> **本文已被[CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】](https://bbs.csdn.net/forums/4f45ff00ff254613a03fab5e56a57acb)收录**

**[需要这份系统化的资料的朋友，可以点击这里获取](https://bbs.csdn.net/forums/4f45ff00ff254613a03fab5e56a57acb)**