Quant-Speed-AI/Quant-Speed_page
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docker

Browse Source
This commit is contained in:
jeremygan2021
2025-10-21 16:03:06 +08:00
parent 9b988e471d
commit 9f806de5e5
15 changed files with 119 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
Dockerfile Normal file
View File

@@ -0,0 +1,32 @@
# 构建阶段
FROM node:16-alpine AS builder
# 设置工作目录
WORKDIR /app
# 复制 package.json 和 package-lock.json（如果存在）
COPY package*.json ./
# 安装所有依赖
RUN npm ci
# 复制应用源代码
COPY . .
# 构建应用
RUN npm run build
# 生产阶段
FROM nginx:alpine
# 复制构建结果到 nginx 服务器
COPY --from=builder /app/build /usr/share/nginx/html
# 复制 nginx 配置（如果需要自定义配置）
# COPY nginx.conf /etc/nginx/nginx.conf
# 暴露端口
EXPOSE 80
# 启动 nginx
CMD ["nginx", "-g", "daemon off;"]

20
Dockerfile.dev Normal file
View File

@@ -0,0 +1,20 @@
# 使用官方 Node.js 运行时作为基础镜像
FROM node:16-alpine
# 设置工作目录
WORKDIR /app
# 复制 package.json 和 package-lock.json（如果存在）
COPY package*.json ./
# 安装所有依赖
RUN npm ci
# 复制应用源代码
COPY . .
# 暴露端口
EXPOSE 3000
# 启动开发服务器
CMD ["npm", "start"]

36
README.md
View File

@@ -71,6 +71,7 @@ Quant Speed 是一家专注于推动线下AI变革的科技公司，通过软硬
- Node.js 14.0 或更高版本
- npm 6.0 或更高版本
- Docker 和 Docker Compose（可选，用于容器化部署）
### 安装步骤
@@ -95,6 +96,26 @@ npm start
启动后，应用将在 http://localhost:3000 上运行。开发服务器支持热重载，修改代码后浏览器会自动刷新。
### 使用 Docker 启动（推荐）
#### 生产环境部署
```bash
# 使用 Docker Compose 构建和启动生产环境
docker-compose up --build
```
应用将在 http://localhost 上运行。
#### 开发环境部署
```bash
# 使用 Docker Compose 启动开发环境（支持热重载）
docker-compose -f docker-compose.dev.yml up
```
应用将在 http://localhost:3000 上运行，支持代码修改后的热重载。
### 构建生产版本
```bash
@@ -140,7 +161,18 @@ npm test
### 部署方式
1. **静态网站托管**
1. **使用 Docker 部署（推荐）**
最简单的部署方式是使用 Docker 和 Docker Compose：
```bash
# 构建并启动生产环境容器
docker-compose up --build -d
```
这将使用 Nginx 服务器部署应用，可通过 http://localhost 访问。
2. **静态网站托管**
将 `build` 目录中的内容部署到任何静态网站托管服务，如：
- GitHub Pages
@@ -148,7 +180,7 @@ npm test
- Vercel
- AWS S3 + CloudFront
2. **自定义服务器部署**
3. **自定义服务器部署**
可以使用Nginx等Web服务器部署静态文件：

12
build/asset-manifest.json
View File

@@ -1,17 +1,17 @@
{
"files": {
"main.css": "/static/css/main.97fade0c.css",
"main.js": "/static/js/main.c08d2c99.js",
"main.css": "/static/css/main.133c3847.css",
"main.js": "/static/js/main.98734f2d.js",
"static/media/方正字迹-佩安硬笔简体.TTF": "/static/media/方正字迹-佩安硬笔简体.0076e64da5dbf362de0f.TTF",
"static/media/ZiHunXingHei(ShangYongXuShouQuan)-2.ttf": "/static/media/ZiHunXingHei(ShangYongXuShouQuan)-2.bd64fcc1908777ff04c9.ttf",
"static/media/腾祥魅黑简.TTF": "/static/media/腾祥魅黑简.d088f1709b1b2f45f9d7.TTF",
"static/media/logo-bai.png": "/static/media/logo-bai.ac54281f83485a4faadd.png",
"index.html": "/index.html",
"main.97fade0c.css.map": "/static/css/main.97fade0c.css.map",
"main.c08d2c99.js.map": "/static/js/main.c08d2c99.js.map"
"main.133c3847.css.map": "/static/css/main.133c3847.css.map",
"main.98734f2d.js.map": "/static/js/main.98734f2d.js.map"
},
"entrypoints": [
"static/css/main.97fade0c.css",
"static/js/main.c08d2c99.js"
"static/css/main.133c3847.css",
"static/js/main.98734f2d.js"
]
}

2
build/index.html
View File

@@ -1 +1 @@
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="AI公司官网 - 创新科技，引领未来"/><title>Radiant AI - 创新科技，引领未来</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"><style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;overflow-x:hidden;scroll-behavior:smooth}#root{width:100vw;min-height:100vh}</style><script defer="defer" src="/static/js/main.c08d2c99.js"></script><link href="/static/css/main.97fade0c.css" rel="stylesheet"></head><body><noscript>您需要启用JavaScript来运行此应用程序。</noscript><div id="root"></div></body></html>
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="AI公司官网 - 创新科技，引领未来"/><title>Radiant AI - 创新科技，引领未来</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"><style>*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;overflow-x:hidden;scroll-behavior:smooth}#root{width:100vw;min-height:100vh}</style><script defer="defer" src="/static/js/main.98734f2d.js"></script><link href="/static/css/main.133c3847.css" rel="stylesheet"></head><body><noscript>您需要启用JavaScript来运行此应用程序。</noscript><div id="root"></div></body></html>

2
build/static/css/main.133c3847.css Normal file
View File

File diff suppressed because one or more lines are too long

1
build/static/css/main.133c3847.css.map Normal file
View File

File diff suppressed because one or more lines are too long

2
build/static/css/main.97fade0c.css
View File

File diff suppressed because one or more lines are too long

1
build/static/css/main.97fade0c.css.map
View File

File diff suppressed because one or more lines are too long

6
build/static/js/main.c08d2c99.js → build/static/js/main.98734f2d.js
View File

File diff suppressed because one or more lines are too long

0
build/static/js/main.c08d2c99.js.LICENSE.txt → build/static/js/main.98734f2d.js.LICENSE.txt
View File

2
build/static/js/main.c08d2c99.js.map → build/static/js/main.98734f2d.js.map
View File

File diff suppressed because one or more lines are too long

BIN
build/team_image/liwei2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 MiB

14
docker-compose.yml Normal file
View File

@@ -0,0 +1,14 @@
version: '3.8'
services:
frontend:
build:
context: .
dockerfile: Dockerfile
ports:
- "80:80"
# volumes:
# 如果需要自定义 nginx 配置可以取消注释下面这行
# - ./nginx.conf:/etc/nginx/nginx.conf
environment:
- NODE_ENV=production

5
src/components/ContactSection.js
View File

@@ -160,6 +160,11 @@ const ContactSection = ({ isActive }) => {
transition={{ duration: 1, delay: 1.2 }}
>
<p>© 2024 Radiant AI. 创新科技，引领未来。</p>
<p>
<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener noreferrer" style={{ color: 'var(--text-secondary)', textDecoration: 'none', fontSize: '0.9rem' }}>
滇ICP备2025071546号-1
</a>
</p>
</motion.div>
</div>
);