代码拉取完成，页面将自动刷新
酷瓜云课堂客户端采用 uni-app 为基础开发框架，前端界面使用 uview-ui
为避免不必要的困扰，请先熟悉 uni-app 相关文档，以及 HBuilderX 开发工具
git clone https://gitee.com/koogua/course-tencent-cloud-app.git
使用 HBuilderX 导入项目（文件 -> 导入 -> 从本地目录导入）
(1) 生成manifest.json文件
把 manifest.sample.json 另存为 manifest.json, 根据实际情况修改相关配置
(2) 生成template.h5.html文件
把 template.h5.sample.html 另存为 template.h5.html, 根据实际情况修改相关配置
(3) 修改配置文件
把 common/config.sample.js 另存为 common/config.js, 修改 apiBaseUrl 为实际的地址（尾部不要加 “/”）
export const apiBaseUrl = '{{ your-domain }}/api'
使用 HBuilderX 编译运行（运行 -> 运行到浏览器 -> xxx浏览器）
遇到跨域的问题，请修改 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'];
使用 HBuilderX 编译发行H5（发行 -> 网站PC或手机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/h5",
"template" : "template.h5.html",
"domain" : "your-domain.com"
}
如果访问页面遇到403错误，修改 public/h5/index.html 的文件权限
chmod 644 public/h5/index.html
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。