PC学员端
环境要求
MeEdu 的后台管理端口是使用 React18 + Ant.design 开发。在安装本程序之间,您需要配置有下面的环境:
Nodejs >= v18
浏览器打开网址:https://nodejs.org/en/download 根据您的机器操作系统选择对应的nodejs软件下载,下载以后安装打开安装包进行安装即可。
编译程序
交付给客户的源代码压缩包 前端项目源代码-xxx.zip
中包含了PC学员端口的源代码。将压缩包解压,找到 PC界面程序-v4.9.12-react18.zip
程序(注意,随着版本的迭代,这里的 v4.9.12
可能是其它的版本号。)
将 PC界面程序-v4.9.12-react18.zip
压缩包解压,然后进入到解压后的目录,并在此目录打开命令行,在命令行窗口执行下面的命令:
npm install
执行完毕之后,执行下面的命令创建配置文件
cp .env.example .env.production
打开 .env.production
文件,将其中的 VITE_APP_URL
的值修改为您的 API 服务地址;VITE_APP_GO_MEEDU_URL
的值修改为您的 GoMeEdu 服务的地址。下面是我的修改案例:
VITE_APP_URL=https://api.meedu.com
VITE_APP_GO_MEEDU_URL=https://go-api.meedu.com
保存修改的文件,之后继续执行下面的命令:
npm run build
执行完毕之后,可以看到生成了 dist
目录,此目录下的文件就是我们编译后的文件。此目录后面部署需要用到。
部署程序
一、创建站点
二、上传程序
三、配置伪静态
伪静态规则
location / {
try_files $uri $uri/ /index.html;
}
四、SSL配置
到这里,部署完毕。您可以浏览器输入网址 http://www.meedu.com
访问PC学员端口。