安装 H5 学员界面程序

安装 PlayEdu 的 H5 界面程序，您需要准备下面的环境：

• Git
• Nodejs v18.15.0 或更高版本
• Yarn

第一步、下载代码

git clone -b 1.5 https://gitee.com/playeduxyz/h5.git playedu-h5

第二步、安装依赖

cd playedu-h5 && yarn

第三步、配置

cp .env.example .env

修改 .env 文件中配置：

VITE_APP_URL=你的playedu的api访问地址

第四步、编译

执行编译命令：

yarn build

执行成功，项目目录下会多了 dist 目录。

第五步、部署

将 dist 目录部署到您的生产服务器中，注意，您必须将它当做一个新站点运行。另外，您必须为它配置伪静态信息，否则将无法正确运行。下面给出 Nginx 版本的伪静态信息：

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

另外，本套程序编译默认启用 gzip 压缩，如果可以的话，您可以在您的站点 conf 文件中配置下面的信息以提升响应速度：

gzip on;
gzip_static on;
gzip_buffers 4 16k;
gzip_http_version 1.1;
gzip_comp_level 5;
gzip_types text/plain application/javascript text/css application/xml text/javascript;
gzip_vary on;