更新记录

2.6.3(2026-11-04)

1.【优化】uni-cloud-router路由接口支付宝云适配(支持三种云)

2.6.2(2026-09-08)

1.【优化】优化后端接口及修复已经bug

2.6.1(2026-08-11)

1.【新增】集成unistarter+uniadmin用户体系

2.【新增】后端课程分类、课程列表、课程章节、课程配置管理功能

3.【新增】后端订单管理、购物车功能

4.【新增】前端热门课程列表展示页、轮播图功能

5.【新增】前端课程详情页:课程视频查看、弹幕发布、课程简介、课程章节式点播功能

6.【新增】前端课程购买流程:课程详情页中可添加到购物车、收藏、统一结算页,接入支付宝和微信支付

7.【新增】前端订单管理功能:可查看当前用户已购课程订单及详情信息

8.【新增】unipay支付系统,会员购买已接通unipay,商家只需要配置证书、appId、secret、商户ID等支付配置即可直接使用

查看更多

平台兼容性

云端兼容性

支付宝云 腾讯云 阿里云
√ √ √

uni-app(4.36)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
√ √ √ √ √ √ √ √ √
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
√ √ √ √ √ √ √ √ √ √ √ √

unicloud 付费课程插件使用说明

后端在线体验地址:课程后台管理系统

管理员账号/密码:kangming nkm123666

前端在线体验地址(建议浏览器右键-->检查,然后 Ctrl+Shift+M 切换到模拟移动设备模式):课程点播系统

普通用户账号密码:ming nkm123666

当前前后端演示项目均从阿里云迁移运行到支付宝云上了。

注意:无论是普通授权还是源码授权,都包含了不加密的前端项目源码!!!购买后请通过官方群联系作者获取。

说明:

1,当前代码因支付接口参数没配置(接入支付只需要配置appId、商户ID等参数即可使用),因此在购买课程的流程会提示配置参数不对,跳转到支付失败,

2,为展示购买成功后的状态,演示项目在失败的代码流程中模拟了后续第三方回调时发送过来的数据,然后走支付成功流程。实际应用注释mockGoodsPayNotify即可。

confirm-order.vue

    /**
     * 创建支付订单失败、支付失败等情况回调
     * @param {Object} err
     */
    function onFail(err) {
        console.log('支付失败err: ', err);
        paySubmitting.value = false;
        //模拟支付回调
        mockGoodsPayNotify(orderData.value.order_no);
        // 支付失败,跳转到失败页面
        uni.redirectTo({
            url: `${ROUTE_PATHS.PAYMENT_RESULT}?success=false&type=error&orderInfo=${encodeURIComponent(JSON.stringify({
            order_no: orderData.value.order_no,
            amount: totalPrice.value,//总价
            payMethod: payConfig.value.provider,
            errorMsg: err.errMsg || err.message || '支付失败,请重试',
            isRePay: isRePay.value
            }))}`
        });
    }

核心架构

架构:uniapp+uniclound

接口组织方式:uni-cloud-router (已适配支付宝云,同时支持支付宝云、阿里云(准备下线不能用了)、腾讯云)

接口规范:使用统一的接口中间件,统一处理token检验、用户鉴权上下文传递、统一错误处理,统一使用code、message、data返回数据。

前端:在线知识课程付费源码是以vue3组件的形式开发,可迁移性非常强,二开基本只需要调整样式,直接拿来用即可。

快速上手

  1. 使用 HBuilderX 导入插件

  2. 关联 uniCloud 服务空间(创建 uniCloud 服务空间)

  3. 建议使用“云空间初始化向导”一次性将所有函数、公共模板、数据库等上传到云空间。(如需要修改配置,先修改再初始化,或改后部分重新上传即可)

  4. 运行 uniCloud -> database(右键:初始化云数据库(包含Schema和校验函数))

  5. 配置 uniCloud -> cloudfunctions -> 云函数 common 目录下 uni-config-center -> uni-id -> config.json 文件 官方文档

  6. 修改 配置文件 需重新右键 uni-config-center 上传公共模块

    配置一下密码加密密钥passwordSecret和token生成加密密钥

    "passwordSecret": "passwordSecret-demo",
     "tokenSecret": "tokenSecret-demo",
     "tokenExpiresIn": 7200,
     "tokenExpiresThreshold": 3600,
     "passwordErrorLimit": 6,
     "bindTokenToDevice": false,
     "passwordErrorRetryTime": 3600,
     "autoSetInviteCode": false,
     "forceInviteCode": false,

    APP 授权登录

     "app": {
       "tokenExpiresIn": 2592000,
        "tokenExpiresThreshold": 864000,
       "oauth": {
         "weixin": {
           "appid": "填写来源微信开放平台https://open.weixin.qq.com/创建的应用的appid",
           "appsecret": "填写来源微信开放平台https://open.weixin.qq.com/创建的应用的appsecret"
         },
         "apple": {
           "bundleId": "苹果开发者后台获取的bundleId"
         }
       }
     }

    小程序授权

    "mp-weixin": {
        "tokenExpiresIn": 259200,
        "tokenExpiresThreshold": 86400,
       "oauth": {
         "weixin": {
           "appid": "xxx",
           "appsecret": "xxx"
         }
       }
     }

    更多配置参考官方文档即可。

  7. 运行 uniCloud -> cloudfunctions(右键:上传所有云函数、公共模块及actions)

  8. 配置 manifest.json 官方文档 A. 基础配置 B. 小程序配置,填写 appid C. h5配置

  9. 工具栏 -> 运行(R) -> A. 运行到浏览器([体验h5版本]) 注意 配置跨域 B. 运行到小程序模拟器(微信开发者工具[体验小程序版本])

  10. 小程序中使用 uniCloud 白名单配置。

uniadmin-course 付费课程后端部署

1,将uniadmin-course导入到HBuilder开发工具,绑定到一个阿里云空间,然后随便打开一个页面,通过“发行”功能将后端网站发布到阿里云空间。web发布请参考:前端网页托管简介 | uniCloud

2,发布-->上传网站到服务器

3,将云函数全部上传:上传所有云函数、公共模块及actions (如果不需要统计功能,建议删除uni-analyse-searchhot和uni-stat-cron定时统计函数删除以节省费用)

4,上传所有数据库:初始化云数据库(包含Schema和校验函数)

5, uniCloud/database 目录右击"配置schema扩展公共模块"添加 quill-delta-converter[uni-cms] 模块

uniadmin-course 初始化

1,注册管理员账号

2,管理员登录后台管理,应用管理添加前端和后端应用(通过manifest.json获取应用ID)

3,用户管理,授权相关用户可登录前端和后端应用

4,模拟数据初始化

配置支持接口

参考:uni-pay 2 | uniCloud

通过云空间找到 uni-pay-co 云对象,找到云函数URL化,复制地址,打开uni-config-center的uni-pay的config.js配置文件,修改相关配置,请参考官方文档把证书、appId、secret、mchId等核心配置根据实际配置好,即可直接在APP或小程序上实现微信、支付宝支付功能。

// 统一 - 支付回调地址,格式为 "服务空间ID":"URL化地址"
    "notifyUrl": {
        // 测试环境服务空间-支付回调地址
        //"mp-b267e273-19a7-4288-99c7-f6f27f9c5b77": "https://fc-mp-b267e273-19a7-4288-99c7-f6f27f9c5b77.next.bspapp.com/uni-pay-co",
        // 线上环境服务空间-支付回调地址(如果只有一个服务空间,则只需要配置线上环境服务空间即可)
        "mp-479b8214-0aa9-4f16-af88-10bcfcb934d0": "https://fc-mp-479b8214-0aa9-4f16-af88-10bcfcb934d0.next.bspapp.com/uni-pay-co",
    }

unistarter-course 前端部署

导入到HBuilder开发工具,云空间关联uniadmin-course项目,启动后,使用上面注册的用户登录即可。

支付配置

当前项目接入了unipay2.0,详细配置参考官方文档:uni-pay 2 | uniCloud

更新日志

更新日志:

2.6.1(2026-08-11)

1.【新增】集成unistarter+uniadmin用户体系

2.【新增】后端课程分类、课程列表、课程章节、课程配置管理功能

3.【新增】后端订单管理、购物车功能

4.【新增】前端热门课程列表展示页、轮播图功能

5.【新增】前端课程详情页:课程视频查看、弹幕发布、课程简介、课程章节式点播功能

6.【新增】前端课程购买流程:课程详情页中可添加到购物车、收藏、统一结算页,接入支付宝和微信支付

7.【新增】前端订单管理功能:可查看当前用户已购课程订单及详情信息

8.【新增】unipay支付系统,会员购买已接通unipay,商家只需要配置证书、appId、secret、商户ID等支付配置即可直接使用

2.6.2(2026-09-08)

1.【优化】优化后端接口及修复已经bug

2.6.3(2026-11-03)

1.【优化】uni-cloud-router路由接口支付宝云适配(支持三种云)

隐私、权限声明

1. 本插件需要申请的系统权限列表:

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

无

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

无

暂无用户评论。