news 2026/7/12 13:18:00

无服务器oj部署

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
无服务器oj部署

何绑定域名至cloudflare可以参考官网的说明

1.配置本地环境
1.下载项目:
git clone https://github.com/wanwusangzhigit/eoj.git
cd eoj
2.配置本地环境
cd frontend
npm i
cd …
cd backend
npm i
cd …
3.全局安装cloudflare cli并登录
npm i -g wrangler
wrangler login
2.部署前的准备
1.创建 Cloudflare D1 数据库
wrangler d1 create oj-database
执行后会输出 database_id,记录下来。

2.创建 GitHub OAuth App(无需Github授权登录的无需配置)
前往 GitHub Developer Settings 创建 OAuth App:

字段 值
Application name OJ System
Homepage URL https://你的域名
Authorization callback URL https://你的域名/api/v1/auth/github/callback
记录 Client ID 和 Client Secret。

3.创建CPOAUTH APP(无需CPOAUTH授权登录的无需配置)
前往cpoauth

CALLBACK URL:https://你的域名/api/v1/auth/cpoauth/callback

4.前往cloudflare创建workers(在构建下的workers和pages栏中)
创建workers,命名oj-backend,并在域中绑定域名

5.前往github创建评测仓库
在 GitHub 创建私有仓库(如 your-username/oj-judge)
将judge-repo文件夹下的文件上传至仓库
在仓库 Settings > Secrets and variables > Actions 中添加:
Secret 值
WORKER_API Worker 完整 URL(如 https://oj.your-domain.com)
CALLBACK_SECRET 随机生成并记录
6.创建github token
前往github,创建tokens(classic),并记录(至少需要代码读写,github actions读写,github workflow读写等权限)

7.配置wrangler.toml
编辑 backend/wrangler.toml,填入你的配置:

name = “oj-backend”
main = “src/index.ts”
compatibility_date = “2024-01-01”
account_id = “你的 Cloudflare Account ID”

[[d1_databases]]
binding = “DB”
database_name = “oj-database”
database_id = “上一步获取的 database_id”

[assets]
directory = “./public”
binding = “ASSETS”
not_found_handling = “single-page-application”

[vars]
GITHUB_CLIENT_ID = “你的 GitHub OAuth Client ID”
GITHUB_CLIENT_SECRET = “你的 GitHub OAuth Client Secret”
CPOAUTH_CLIENT_ID = “你的 CpOAuth Client ID”
CPOAUTH_CLIENT_SECRET = “你的 CpOAuth Client Secret”
JWT_SECRET = “用 openssl rand -base64 32 生成的密钥”
CALLBACK_SECRET = “你记录的CALLBACK_SECRET”
GITHUB_TOKEN = “你的 GitHub Token(需 repo 权限,用于触发评测)”
JUDGE_REPO = “your-username/oj-judge”
FRONTEND_URL = “https://你的域名”
REGISTRATION_OPEN = “true”
3.部署项目
1.编译数据库
cd backend
npx wrangler d1 migrations apply oj-database --remote
cd …
2.构建前端
cd frontend
npm run build:site
cd …
3.部署后端
cd backend
npx wrangler deploy
至此部署完成!

4.部署后的工作
1.你需要前往你的oj创建账户

2.访问https://你的域名/__seed初始化数据库并将第一位注册用户设置为超级管理员。

站点设置(管理页面)
部署后,管理员可在后台 站点设置 标签页配置:

设置项 说明 默认值
开启注册(后端wrangler.toml配置) 关闭后新用户无法注册 开启
强制填写邮箱(网站设置) 注册时邮箱为必填项 关闭
邮箱后缀限制(网站设置) 允许的邮箱后缀(逗号分隔),留空不限制 空
站点自定义(前端config.yaml设置)
编辑 frontend/config.yaml:

site:
name: “My OJ” # 站点名称
short_name: “MyOJ” # 站点简称
description: “My Online Judge”
icon: “default” # “default” 使用内置图标,或填入图标 URL
favicon: “/favicon.svg”

footer:
enabled: true
text: “” # 自定义页脚文本(支持 HTML),为空则显示 © 年份 站点名
links: # 页脚链接
- name: “GitHub”
url: “https://github.com/your-org”

login:
hero_title: “” # 登录页大标题,为空使用默认
hero_subtitle: “” # 登录页副标题,为空使用默认
show_github: true # 是否显示 GitHub 登录按钮
show_cpoauth: true # 是否显示 CpOAuth 登录按钮

home:
title: “” # 首页标题,为空使用默认

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/12 13:12:47

SQL HAVING与Pandas GroupBy深度对比:从LeetCode 5到大数据实战

1. 项目概述:一次面试题引发的技术深度思考最近在准备Waymo数据科学岗位的面试,刷到一道非常经典的LeetCode 1045题。这道题本身并不复杂,但它在SQL和Pandas两种主流数据处理工具上的解法,却像一面镜子,清晰地映照出两…

作者头像 李华
网站建设 2026/7/12 13:08:43

Unity可视化编程:基于Playmaker与有限状态机的游戏逻辑设计实战

1. 项目概述:当“无代码”遇上Unity游戏开发 在Unity开发圈子里,尤其是对于独立开发者、策划、美术或者刚入行的新人来说,一个永恒的矛盾是:脑子里有绝妙的游戏玩法创意,但面对C#脚本时却感到无从下手。传统的编程像是…

作者头像 李华
网站建设 2026/7/12 13:08:28

7天成为斗地主高手?DouZero AI智能辅助让你的游戏决策更聪明

7天成为斗地主高手?DouZero AI智能辅助让你的游戏决策更聪明 【免费下载链接】DouZero_For_HappyDouDiZhu 基于DouZero定制AI实战欢乐斗地主 项目地址: https://gitcode.com/gh_mirrors/do/DouZero_For_HappyDouDiZhu 还在为斗地主中复杂的牌局决策而烦恼吗&…

作者头像 李华
网站建设 2026/7/12 13:06:26

kspack-c实战案例:如何解决结构化数据处理中的常见难题

kspack-c实战案例:如何解决结构化数据处理中的常见难题 【免费下载链接】kspack-c The components for structure data encode and decode with C/C 项目地址: https://gitcode.com/openeuler/kspack-c 前往项目官网免费下载:https://ar.openeule…

作者头像 李华
网站建设 2026/7/12 13:05:53

Unity外部库配置全攻略:从UPM集成到原生插件避坑指南

1. 项目概述:为什么“外援”配置是Unity开发的必修课 干了这么多年Unity开发,我敢说,超过一半的项目协作问题、打包失败和编辑器卡顿,根源都出在“外部库”配置这个环节上。你可能已经习惯了在Asset Store里点点鼠标,或…

作者头像 李华