在线教育系统，网课系统，网校系统，知识付费系统

更新记录

v1.0.1（2021-10-25）

更新markdown解析

平台兼容性

Vue2	Vue3
√	×

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
HBuilderX 3.2.8	×	×	×	×	×	×

钉钉小程序	快手小程序	飞书小程序	京东小程序
×	×	×	×

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
×	×	×	×	×	×	×	×	×

酷瓜云课堂客户端

酷瓜云课堂客户端采用 uni-app 为基础开发框架，前端界面使用 uview-ui

安装使用

为避免不必要的困扰，请先熟悉 uni-app 相关文档，以及 HBuilderX 开发工具

下载源码

git clone https://gitee.com/koogua/course-tencent-cloud-app.git

导入项目

使用HBuilderX导入项目（文件->导入->从本地目录导入）

修改配置文件

把 common/config.sample.js 另存为 common/config.js, 修改 apiBaseUrl 为实际的地址（尾部不要加“/”）

export const apiBaseUrl = '{{ your-domain }}/api'

运行

遇到跨域的问题，请修改 course-tencent-cloud 项目中的配置文件 app/config/config.php CORS 相关部分。

注意：开发环境跨域域名可使用通配符, 非开发环境请使用实际的域名

/**
 * 允许跨域
 */
$config['cors']['enabled'] = true;

/**
 * 允许跨域域名(字符|数组)
 */
$config['cors']['allow_origin'] = '*';

/**
 * 允许跨域字段（string|array）
 */
$config['cors']['allow_headers'] = '*';

/**
 * 允许跨域方法
 */
$config['cors']['allow_methods'] = ['GET', 'POST', 'OPTIONS'];

发行

H5发行

(a) 发布的文件上传到服务器本地

把生成的目录 upackage/dist/build/h5 上传到 course-tencent-cloud 项目的 public目录下

对应的 manifest.json h5部分配置如下：

"h5" : {
        "title" : "酷瓜云课堂",
        "optimization" : {
            "treeShaking" : {
                "enable" : true
            }
        },
        "router" : {
            "base" : "/h5/",
            "mode" : "hash"
        },
        "sdkConfigs" : {
            "maps" : {}
        },
        "publicPath" : "",
        "template" : "template.h5.html",
        "domain" : "your-domain.com"
    }

(b) 发布的文件上传到CDN

把生成的目录 upackage/dist/build/h5 上传到腾讯云存储相关 bucket 的相关目录下

把 upackage/dist/build/h5/index.html 上传到 course-tencent-cloud 项目的 public/h5目录下

对应的 manifest.json h5部分配置如下：

"h5" : {
        "title" : "酷瓜云课堂",
        "optimization" : {
            "treeShaking" : {
                "enable" : true
            }
        },
        "router" : {
            "base" : "/h5/",
            "mode" : "hash"
        },
        "sdkConfigs" : {
            "maps" : {}
        },
        "publicPath" : "https://course-1255691183.file.myqcloud.com/static/h5",
        "template" : "template.h5.html",
        "domain" : "your-domain.com"
    }

如果访问页面遇到403错误，修改 public/h5/index.html 的文件权限

chmod 644 public/h5/index.html