H5学员端口

环境要求

一、uni-app介绍

MeEdu 商业版的 H5 是基于 uniapp 开发。uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。具体请见 uni-app官网

二、下载编译软件

浏览器打开

https://www.dcloud.io/hbuilderx.html

程序下载完成之后请进行安装。

三、插件安装

假设您已经安装好了HBuilderX软件且是最新的版本。另外，您还需要给这个编辑器安装一些下面的插件（打开HBuilderX软件，顶部菜单选择“工具”->“插件安装”）（如果显示已安装的话则不需要重新或者继续安装）：

编译程序

一、解压程序

交付给客户的源代码压缩包 前端项目源代码-xxx.zip中包含了H5学员端口的源代码。将压缩包解压，找到 uniapp立春模板.zip 程序

解压压缩包。

二、使用 HBuilderX 打开程序项目

打开 HBuilderX 软件

打开刚解压出来的目录。

三、修改配置

打开 js/config/index.js文件，并修改配置：

保存配置文件。

四、编译生成H5

编译成功之后会提示：

下面可以去阅读部署程序教程了。

部署程序

一、新建站点

二、上传程序

三、SSL配置

到这里，部署完成，您可以在浏览器输入网址 https://h5.meedu.com访问站点啦。