更新记录

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小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟

云函数类插件通用教程

使用云函数类插件的前提是:使用HBuilderX 2.9+


unicloud 付费课程插件使用说明

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

管理员账号/密码:kangming nkm123666

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

普通用户账号密码:ming nkm123666

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

说明:

1,当前代码因支付接口没配置,因此在购买课程的流程会提示配置参数不对,跳转到支付失败,但当前在失败的代码流程中模拟了后续第三方回调时发送过来的数据,然后走支付成功流程,这部分模拟代码在实际应用中必须注释,只有在支付成功的回调中才可以走支付成功流程。

核心架构

架构:uniapp+uniclound

接口组织方式:uni-cloud-router

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

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

快速上手

  1. 使用 HBuilderX 导入插件

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

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

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

  5. 修改 配置文件 需重新右键 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"
         }
       }
     }

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

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

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

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

  9. 小程序中使用 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] 模块

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

管理员账号/密码:kangming nkm123666

uniadmin-course 初始化

1,注册管理员账号

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

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

配置支持接口

参考: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项目,启动后,使用上面注册的用户登录即可。

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

普通用户账号密码:ming nkm123666

支付配置

当前项目接入了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等支付配置即可直接使用

隐私、权限声明

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

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

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

暂无用户评论。