快速上手
体验一下 DEMO
测试网址
点击下面的链接便可访问(建议使用电脑端访问以获得最佳体验), 测试用户名为User, 密码为password,权限为【一般用户】
CodeSandbox
你也可以使用CodeSandbox访问,由于网络原因,可能需要等待几秒钟来加载。使用 CodeSandbox,你可以轻松修改源代码且无需配置开发环境。
部署服务端
项目的部署依赖docker、docker-compose
安装依赖
yum install -y docker docker-compose // centos
获取 docker-compose 配置文件
wget https://cdn.jsdelivr.net/gh/yuzhanglong/YuJudge-JudgeServer/deploy/docker-compose-single.yml
执行部署
docker-compose -f docker-compose-single.yml up -d
项目将在大概二十秒后在服务器后台正常运行。
部署完成之后,整个项目结构如下所示,可尝试使用数据库管理工具、浏览器访问各个部分,或者去尝试前端项目。
其中,使用浏览器访问服务器的8081 端口(JudgeServer,主服务器)和8080 端口(JudgeHost,判题服务器),看到以下内容, 说明部署成功
{
"code":"00000",
"message":"Your project is running successfully! O(∩_∩)O",
"request":null,
"data":null
}
部署前端
使用 CodeSandbox
更快地得到体验
如果你对nodejs不了解,你可以点击下面链接,使用CodeSandbox来在线部署运行。
进入页面后,打开src/config/config.ts
, 修改下面的内容为你已经部署成功的服务器地址,保存即可体验。
// 服务器的baseUrl
export const BASE_URL: string = "你的服务器地址,不要忘记端口号";
常规部署
获取源代码
git clone https://github.com/yuzhanglong/YuJudge
生产环境打包
yarn build
将打包好的文件(build
目录下)上传至服务器/本地代理托管即可。
显示白屏
- 项目无法直接通过双击index.html在浏览器打开,请上传服务器/本地代理运行。
在服务器访问速度慢
可以考虑为你的静态资源使用cdn,可以查看【前端二次开发】板块以获取详细内容。
大功告成
进入首页,你将看到以下内容,说明前端项目部署成功,我们已经为你初始化了一名管理员用户,用户名为admin,密码为password,你可以点击登录按钮查看项目。
Landing 页面 登录页