文档中心
官网

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可能是其它的版本号。)

image.png

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目录,此目录下的文件就是我们编译后的文件。此目录后面部署需要用到。

部署程序

一、创建站点

image.png image.png

二、上传程序

image.png image.png image.png image.png image.png image.png image.png

三、配置伪静态

image.png image.png 伪静态规则

location / {
    try_files $uri $uri/ /index.html;
}

四、SSL配置

image.png

到这里,部署完毕。您可以浏览器输入网址 http://www.meedu.com访问PC学员端口。