Compare commits
75 Commits
v0.2.0
...
10f45cbb7c
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
10f45cbb7c | ||
|
|
f939f0a35b | ||
|
|
185a2bc9e4 | ||
|
|
c619675820 | ||
|
|
ee6c37d8c2 | ||
|
|
a0fef49d7a | ||
|
|
5cc253f697 | ||
|
|
7c6c443a29 | ||
|
|
5f22bea2c9 | ||
|
|
275f7210f6 | ||
|
|
d0f0c5a1bc | ||
|
|
bb0b4b26c3 | ||
|
|
f4b7603949 | ||
|
|
5abc5370fd | ||
|
|
b746306d67 | ||
|
|
21f512c447 | ||
|
|
c4613ef874 | ||
|
|
8693146d8f | ||
|
|
e9747821f4 | ||
|
|
9c4ce83256 | ||
|
|
b36e8ea9d7 | ||
|
|
390ef06bbb | ||
|
|
6f668dcf14 | ||
|
|
beb060542a | ||
|
|
da1a180ce9 | ||
|
|
79ecec5ce9 | ||
|
|
f75d4688bd | ||
|
|
1738f7f791 | ||
|
|
b645d3ae83 | ||
|
|
82048c3b73 | ||
|
|
1601364f3f | ||
|
|
2b1dbeaf42 | ||
|
|
4b5e50b0d9 | ||
|
|
e02422b774 | ||
|
|
676bf5cd40 | ||
|
|
16a2b586fd | ||
|
|
c1927a0ea9 | ||
|
|
cc7cdbb4a6 | ||
|
|
5f53d30be1 | ||
|
|
bf2d7c70c7 | ||
|
|
bc38acded3 | ||
|
|
f32b6cd5d0 | ||
|
|
28f894f988 | ||
|
|
ef0de7ad8c | ||
|
|
8fa1ed8fc2 | ||
|
|
dca0f1f0c1 | ||
|
|
8a5b084915 | ||
|
|
e6171fb34c | ||
|
|
5a625e5c0e | ||
|
|
37c25a9307 | ||
|
|
615149c83f | ||
|
|
a78ea7e5bd | ||
|
|
755a424530 | ||
|
|
c1948a888e | ||
|
|
7d8f4b32f7 | ||
|
|
0a9b053dff | ||
|
|
73440cca45 | ||
|
|
5987e1fb3e | ||
|
|
42722ca1d8 | ||
|
|
6efdea55aa | ||
|
|
f23e78e8dd | ||
|
|
26381fa6b0 | ||
|
|
eedd68d137 | ||
|
|
a04f16bfa4 | ||
|
|
93d6a1276a | ||
|
|
505b1d6c67 | ||
|
|
212ca3a879 | ||
|
|
65a35225d0 | ||
|
|
7ed0c04111 | ||
|
|
e8f70b286e | ||
|
|
e708524a41 | ||
|
|
a01dd06ef2 | ||
|
|
3c656eb880 | ||
|
|
89879e8c05 | ||
|
|
7c7ad6ba1f |
@@ -1,8 +0,0 @@
|
||||
# jwt密钥 用于生成token加密
|
||||
JWT_SECRET=""
|
||||
|
||||
# 用户注册码
|
||||
REGISTER_CODE='9527'
|
||||
|
||||
# 服务端口
|
||||
PORT=8009
|
||||
18
.github/workflows/docker-build-test.yml
vendored
@@ -1,17 +1,16 @@
|
||||
name: Build and Push Multi-Arch Docker Image for Test
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- dev
|
||||
workflow_dispatch: # 添加手动触发
|
||||
workflow_dispatch: # 添加手动触发
|
||||
jobs:
|
||||
build-and-push:
|
||||
runs-on: ubuntu-latest
|
||||
permissions:
|
||||
contents: read
|
||||
packages: write # 必须授权以推送镜像
|
||||
packages: write # 必须授权以推送镜像
|
||||
env:
|
||||
REPO_NAME: ${{ github.repository }}
|
||||
DOCKERHUB_USERNAME: ${{ secrets.DOCKERHUB_USERNAME }}
|
||||
IMAGE_NAME: cloudsaver
|
||||
steps:
|
||||
- name: 检出代码
|
||||
uses: actions/checkout@v4
|
||||
@@ -28,6 +27,12 @@ jobs:
|
||||
username: ${{ github.actor }}
|
||||
password: ${{ secrets.GITHUB_TOKEN }}
|
||||
|
||||
- name: 登录到 Docker Hub
|
||||
uses: docker/login-action@v2
|
||||
with:
|
||||
username: ${{ secrets.DOCKERHUB_USERNAME }}
|
||||
password: ${{ secrets.DOCKERHUB_TOKEN }}
|
||||
|
||||
- name: 设置 QEMU 支持多架构
|
||||
uses: docker/setup-qemu-action@v2
|
||||
|
||||
@@ -38,7 +43,8 @@ jobs:
|
||||
uses: docker/build-push-action@v4
|
||||
with:
|
||||
context: .
|
||||
platforms: linux/amd64,linux/arm64 # 指定架构:x86_64 和 ARM64
|
||||
platforms: linux/amd64,linux/arm64 # 指定架构:x86_64 和 ARM64
|
||||
push: true
|
||||
tags: |
|
||||
ghcr.io/${{ env.LOWER_NAME }}:test
|
||||
${{ secrets.DOCKERHUB_USERNAME }}/${{ env.IMAGE_NAME }}:test
|
||||
|
||||
24
.github/workflows/docker-image.yml
vendored
@@ -1,24 +1,28 @@
|
||||
name: Docker Image CI/CD
|
||||
on:
|
||||
push:
|
||||
tags: [ "v*.*.*" ] # 支持标签触发(如 v1.0.0)
|
||||
workflow_dispatch: # 添加手动触发
|
||||
tags: ["v*.*.*"] # 支持标签触发(如 v1.0.0)
|
||||
workflow_dispatch: # 添加手动触发
|
||||
jobs:
|
||||
build-and-push:
|
||||
runs-on: ubuntu-latest
|
||||
permissions:
|
||||
contents: read
|
||||
packages: write # 必须授权以推送镜像
|
||||
packages: write # 必须授权以推送镜像
|
||||
env:
|
||||
REPO_NAME: ${{ github.repository }}
|
||||
DOCKERHUB_USERNAME: ${{ secrets.DOCKERHUB_USERNAME }}
|
||||
IMAGE_NAME: cloudsaver
|
||||
steps:
|
||||
- name: 检出代码
|
||||
uses: actions/checkout@v4
|
||||
|
||||
- name: 设置小写镜像名称
|
||||
- name: 设置小写镜像名称和版本
|
||||
run: |
|
||||
LOWER_NAME=$(echo "$REPO_NAME" | tr '[:upper:]' '[:lower:]')
|
||||
echo "LOWER_NAME=$LOWER_NAME" >> $GITHUB_ENV
|
||||
VERSION=${GITHUB_REF#refs/tags/v}
|
||||
echo "VERSION=$VERSION" >> $GITHUB_ENV
|
||||
|
||||
- name: 登录到 GitHub Container Registry
|
||||
uses: docker/login-action@v2
|
||||
@@ -27,6 +31,12 @@ jobs:
|
||||
username: ${{ github.actor }}
|
||||
password: ${{ secrets.GITHUB_TOKEN }}
|
||||
|
||||
- name: 登录到 Docker Hub
|
||||
uses: docker/login-action@v2
|
||||
with:
|
||||
username: ${{ secrets.DOCKERHUB_USERNAME }}
|
||||
password: ${{ secrets.DOCKERHUB_TOKEN }}
|
||||
|
||||
- name: 设置 QEMU 支持多架构
|
||||
uses: docker/setup-qemu-action@v2
|
||||
|
||||
@@ -37,8 +47,10 @@ jobs:
|
||||
uses: docker/build-push-action@v4
|
||||
with:
|
||||
context: .
|
||||
platforms: linux/amd64,linux/arm64 # 指定架构:x86_64 和 ARM64
|
||||
platforms: linux/amd64,linux/arm64 # 指定架构:x86_64 和 ARM64
|
||||
push: true
|
||||
tags: |
|
||||
ghcr.io/${{ env.LOWER_NAME }}:latest
|
||||
ghcr.io/${{ env.LOWER_NAME }}:${{ github.sha }}
|
||||
ghcr.io/${{ env.LOWER_NAME }}:${{ env.VERSION }}
|
||||
${{ secrets.DOCKERHUB_USERNAME }}/${{ env.IMAGE_NAME }}:latest
|
||||
${{ secrets.DOCKERHUB_USERNAME }}/${{ env.IMAGE_NAME }}:${{ env.VERSION }}
|
||||
|
||||
1
.gitignore
vendored
@@ -1,4 +1,5 @@
|
||||
node_modules/
|
||||
logs/
|
||||
dist/
|
||||
.env
|
||||
.env.local
|
||||
|
||||
14
Dockerfile
@@ -26,6 +26,9 @@ RUN apk add --no-cache nginx
|
||||
# 设置工作目录
|
||||
WORKDIR /app
|
||||
|
||||
# 创建配置和数据目录
|
||||
RUN mkdir -p /app/config /app/data
|
||||
|
||||
# 复制前端构建产物到 Nginx
|
||||
COPY --from=frontend-build /app/dist /usr/share/nginx/html
|
||||
|
||||
@@ -38,8 +41,15 @@ COPY --from=backend-build /app /app
|
||||
# 安装生产环境依赖
|
||||
RUN npm install --production
|
||||
|
||||
# 设置数据卷
|
||||
VOLUME ["/app/config", "/app/data"]
|
||||
|
||||
# 暴露端口
|
||||
EXPOSE 8008
|
||||
|
||||
# 启动 Nginx 和后端服务
|
||||
CMD ["sh", "-c", "nginx -g 'daemon off;' & npm run start && wait"]
|
||||
# 启动脚本
|
||||
COPY docker-entrypoint.sh /app/
|
||||
RUN chmod +x /app/docker-entrypoint.sh
|
||||
|
||||
# 启动服务
|
||||
ENTRYPOINT ["/app/docker-entrypoint.sh"]
|
||||
|
||||
178
README.md
@@ -4,9 +4,67 @@
|
||||

|
||||

|
||||
[](https://github.com/jiangrui1994/CloudSaver/stargazers)
|
||||

|
||||
<a href="https://hellogithub.com/repository/d13663fb959345e7923ecaccc3387571" target="_blank"><img src="https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=d13663fb959345e7923ecaccc3387571&claim_uid=xP1MT4mSvN6wn5K&theme=small" alt="Featured|HelloGitHub" /></a>
|
||||
|
||||
一个基于 Vue 3 + Express 的网盘资源搜索与转存工具,支持响应式布局,移动端与PC完美适配,可通过 Docker 一键部署。
|
||||
|
||||
官方Telegram群组:[https://t.me/cloud_saver](https://t.me/cloud_saver)
|
||||
|
||||
官方QQ交流群([二维码](https://github.com/jiangrui1994/CloudSaver?tab=readme-ov-file#%E8%81%94%E7%B3%BB%E6%96%B9%E5%BC%8F)):
|
||||
|
||||
1039610300(满了)
|
||||
|
||||
389429056(满了)
|
||||
|
||||
版本更新日志:[https://www.yuque.com/xiaoruihenbangde/ggogn3/vxoqxkx4rkcz3g94](https://www.yuque.com/xiaoruihenbangde/ggogn3/vxoqxkx4rkcz3g94)
|
||||
|
||||
CloudSaver部署与使用常见问题(包含更多搜索频道):[https://www.yuque.com/xiaoruihenbangde/ggogn3/ga6gaaiy5fsyw62l](https://www.yuque.com/xiaoruihenbangde/ggogn3/ga6gaaiy5fsyw62l)
|
||||
密码 me16 点个Star呗~
|
||||
|
||||
⚠️关于项目更新与需求处理的核心声明:[https://www.yuque.com/xiaoruihenbangde/ggogn3/gt9cgqn2n3vergxx](https://www.yuque.com/xiaoruihenbangde/ggogn3/gt9cgqn2n3vergxx)
|
||||
|
||||
---
|
||||
|
||||
⚠️**由于某些原因,[新版本](https://www.yuque.com/xiaoruihenbangde/ggogn3/vxoqxkx4rkcz3g94)内容不包含在此开源仓库(停留在V0.2.5版本),如需使用,请使用docker镜像进行部署使用。**
|
||||
|
||||
---
|
||||
|
||||
**🔒 重要安全提醒|关于本项目私有化部署的强制建议**
|
||||
|
||||
为保障您的数据安全与隐私权益,请务必**通过Docker自行私有化部署本项目**。我们**强烈反对**使用任何第三方提供的在线网站或他人部署的服务,原因如下:
|
||||
|
||||
⚠️ **高风险预警**
|
||||
|
||||
- 本项目涉及**网盘Cookie等敏感凭据**,若使用他人服务:
|
||||
▶ 您的账号密码、隐私文件可能遭恶意窃取或篡改
|
||||
▶ 攻击者可利用Cookie直接登录您的网盘实施破坏
|
||||
▶ 数据泄露、资产损失等后果需完全由使用者自行承担
|
||||
|
||||
🚫 **严正声明**
|
||||
|
||||
1. 本项目**从未且不会**提供任何形式的在线服务、公开Demo或托管平台
|
||||
2. **任何声称与本项目相关的在线网站均为未授权第三方搭建**,存在蓄意作恶的高风险
|
||||
3. 如因使用非自建服务导致损失,本项目开发者**不承担任何法律责任**
|
||||
|
||||
❓ **常见问题**
|
||||
Q: 是否有在线Demo可直接试用?
|
||||
A: **绝无可能!** 任何在线服务都与本项目无关,请立即关闭避免信息泄露
|
||||
|
||||
Q: 为何不能使用他人部署好的服务?
|
||||
A: Cookie等同于账号密码,交出Cookie=交出家门钥匙,请勿将身家安全托付陌生人
|
||||
|
||||
Q: 如何确保100%安全?
|
||||
A: 唯一可信方案:通过官方仓库代码+自主服务器部署,全程数据闭环
|
||||
|
||||
---
|
||||
|
||||
**🛡️ 最后一次严肃提醒**
|
||||
您的账号安全只应掌握在自己手中!
|
||||
请立即执行私有化部署 ▶ 避免无法挽回的数据灾难
|
||||
|
||||
---
|
||||
|
||||
## 功能特性
|
||||
|
||||
- 🔍 多源资源搜索
|
||||
@@ -14,7 +72,7 @@
|
||||
- 支持关键词搜索与资源链接解析
|
||||
- 支持豆瓣热门榜单展示
|
||||
- 💾 网盘资源转存
|
||||
- 支持 115 网盘与夸克网盘一键转存
|
||||
- 支持**115 网盘,夸克网盘,天翼网盘,123云盘**一键转存
|
||||
- 支持转存文件夹展示与选择
|
||||
- 👥 多用户系统
|
||||
- 支持用户注册登录
|
||||
@@ -25,6 +83,9 @@
|
||||
|
||||
## 产品展示
|
||||
|
||||
<details>
|
||||
<summary>点击展开截图预览</summary>
|
||||
|
||||
### PC 端
|
||||
|
||||
<div align="center">
|
||||
@@ -45,7 +106,6 @@
|
||||
<p>资源转存</p>
|
||||
</div>
|
||||
|
||||
|
||||
### 移动端
|
||||
|
||||
<div align="center">
|
||||
@@ -57,6 +117,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</details>
|
||||
|
||||
## 技术栈
|
||||
|
||||
### 前端
|
||||
@@ -95,7 +157,7 @@
|
||||
1. 克隆项目
|
||||
|
||||
```bash
|
||||
git clone https://github.com/your-username/CloudSaver.git
|
||||
git clone https://github.com/jiangrui1994/CloudSaver.git
|
||||
cd CloudSaver
|
||||
```
|
||||
|
||||
@@ -108,7 +170,7 @@ pnpm install
|
||||
3. 配置环境变量
|
||||
|
||||
```bash
|
||||
cp .env.example ./backend/.env
|
||||
cp ./backend/.env.example ./backend/.env
|
||||
```
|
||||
|
||||
根据 `.env.example` 文件说明配置必要的环境变量。
|
||||
@@ -142,6 +204,15 @@ pnpm start
|
||||
|
||||
### Docker 部署
|
||||
|
||||
说明:镜像源有**两个地址**供选择,下面部署命令中使用的是dockerhub托管的地址为例,github托管的地址请自行替换
|
||||
|
||||
- dockerhub托管:
|
||||
- `jiangrui1994/cloudsaver:latest` 稳定版
|
||||
- `jiangrui1994/cloudsaver:test` 测试版 (包含最新功能和bug修复,但可能不如稳定版稳定)
|
||||
- github托管:
|
||||
- `ghcr.io/jiangrui1994/cloudsaver:latest` 稳定版
|
||||
- `ghcr.io/jiangrui1994/cloudsaver:test` 测试版 (包含最新功能和bug修复,但可能不如稳定版稳定)
|
||||
|
||||
#### 单容器部署
|
||||
|
||||
稳定版:
|
||||
@@ -149,9 +220,10 @@ pnpm start
|
||||
```bash
|
||||
docker run -d \
|
||||
-p 8008:8008 \
|
||||
-v /your/local/path:/app/data \
|
||||
-v /your/local/path/data:/app/data \
|
||||
-v /your/local/path/config:/app/config \
|
||||
--name cloud-saver \
|
||||
ghcr.io/jiangrui1994/cloudsaver:latest
|
||||
jiangrui1994/cloudsaver:latest
|
||||
```
|
||||
|
||||
测试版(包含最新功能和bug修复,但可能不如稳定版稳定):
|
||||
@@ -159,9 +231,10 @@ docker run -d \
|
||||
```bash
|
||||
docker run -d \
|
||||
-p 8008:8008 \
|
||||
-v /your/local/path:/app/data \
|
||||
-v /your/local/path/data:/app/data \
|
||||
-v /your/local/path/config:/app/config \
|
||||
--name cloud-saver \
|
||||
ghcr.io/jiangrui1994/cloudsaver:test
|
||||
jiangrui1994/cloudsaver:test
|
||||
```
|
||||
|
||||
#### Docker Compose 部署
|
||||
@@ -174,12 +247,13 @@ docker run -d \
|
||||
version: "3"
|
||||
services:
|
||||
cloudsaver:
|
||||
image: ghcr.io/jiangrui1994/cloudsaver:latest
|
||||
image: jiangrui1994/cloudsaver:latest
|
||||
container_name: cloud-saver
|
||||
ports:
|
||||
- "8008:8008"
|
||||
volumes:
|
||||
- /your/local/path:/app/data
|
||||
- /your/local/path/data:/app/data
|
||||
- /your/local/path/config:/app/config
|
||||
restart: unless-stopped
|
||||
```
|
||||
|
||||
@@ -189,15 +263,31 @@ services:
|
||||
version: "3"
|
||||
services:
|
||||
cloudsaver:
|
||||
image: ghcr.io/jiangrui1994/cloudsaver:test
|
||||
image: jiangrui1994/cloudsaver:test
|
||||
container_name: cloud-saver
|
||||
ports:
|
||||
- "8008:8008"
|
||||
volumes:
|
||||
- /your/local/path:/app/data
|
||||
- /your/local/path/data:/app/data
|
||||
- /your/local/path/config:/app/config
|
||||
restart: unless-stopped
|
||||
```
|
||||
|
||||
#### /app/config 目录说明
|
||||
|
||||
- `env` 文件:包含后端环境变量配置
|
||||
|
||||
```bash
|
||||
# JWT配置
|
||||
JWT_SECRET=your_jwt_secret_here
|
||||
|
||||
# Telegram配置
|
||||
TELEGRAM_BASE_URL=https://t.me/s
|
||||
|
||||
# Telegram频道配置(0.3.0及之后版本无效)
|
||||
TELE_CHANNELS=[{"id":"xxxx","name":"xxxx资源分享"}]
|
||||
```
|
||||
|
||||
运行:
|
||||
|
||||
```bash
|
||||
@@ -213,6 +303,33 @@ docker-compose up -d
|
||||
- 管理员:230713
|
||||
- 普通用户:9527
|
||||
|
||||
## 联系方式
|
||||
|
||||
<div align="center">
|
||||
<div>
|
||||
<img src="./docs/images/qq.jpg" height="360" alt="qq群">
|
||||
<p>qq交流群(3群)(1047054742)</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
## 支持项目
|
||||
|
||||
如果您觉得这个项目对您有帮助,可以考虑给予一点支持,这将帮助我们持续改进项目 ❤️
|
||||
|
||||
您可以:
|
||||
|
||||
- ⭐ 给项目点个 Star
|
||||
- 🎉 分享给更多有需要的朋友
|
||||
- ☕ 请作者喝杯冰阔乐或咖啡
|
||||
- 💰 **赞赏了一定记得和我联系**
|
||||
|
||||
<div align="center">
|
||||
<div style="display: inline-block; margin: 0 20px;">
|
||||
<img src="./docs/images/wechat_pay.jpg" height="300" alt="微信打赏">
|
||||
<img src="./docs/images/alipay.png" height="300" alt="支付宝打赏">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
## 特别声明
|
||||
|
||||
1. 本项目仅供学习交流使用,请勿用于非法用途
|
||||
@@ -232,34 +349,19 @@ docker-compose up -d
|
||||
|
||||
本项目基于 MIT 协议开源 - 查看 [LICENSE](LICENSE) 文件了解更多细节
|
||||
|
||||
## 联系方式
|
||||
|
||||
<div align="center">
|
||||
<div>
|
||||
<img src="./docs/images/wechat.jpg" width="200" alt="微信交流群">
|
||||
<p>微信交流群</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
## 支持项目
|
||||
|
||||
如果您觉得这个项目对您有帮助,可以考虑给予一点支持,这将帮助我们持续改进项目 ❤️
|
||||
|
||||
您可以:
|
||||
|
||||
- ⭐ 给项目点个 Star
|
||||
- 🎉 分享给更多有需要的朋友
|
||||
- ☕ 请作者喝杯咖啡
|
||||
|
||||
<div align="center">
|
||||
<div style="display: inline-block; margin: 0 20px;">
|
||||
<img src="./docs/images/wechat_pay.jpg" height="300" alt="微信打赏">
|
||||
<img src="./docs/images/alipay.png" height="300" alt="支付宝打赏">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
## 鸣谢
|
||||
|
||||
- 👨💻 感谢所有为这个项目做出贡献的开发者们!
|
||||
- 👥 感谢所有使用本项目并提供反馈的用户!
|
||||
- 感谢所有给予支持和鼓励的朋友们!
|
||||
|
||||
## 赞助
|
||||
本项目 CDN 加速及安全防护由 Tencent EdgeOne 赞助
|
||||
|
||||
<a href="https://edgeone.ai/?from=github" target="_blank">亚洲最佳CDN、边缘和安全解决方案 - Tencent EdgeOne</a>
|
||||
|
||||
<img title="亚洲最佳CDN、边缘和安全解决方案 - Tencent EdgeOne" src="https://edgeone.ai/media/34fe3a45-492d-4ea4-ae5d-ea1087ca7b4b.png" width="300">
|
||||
|
||||
## Star History
|
||||
|
||||
[](https://www.star-history.com/#jiangrui1994/cloudsaver&Date)
|
||||
|
||||
9
backend/.env.example
Normal file
@@ -0,0 +1,9 @@
|
||||
# JWT配置
|
||||
JWT_SECRET=your_jwt_secret_here
|
||||
|
||||
# Telegram配置
|
||||
TELEGRAM_BASE_URL=https://t.me/s
|
||||
|
||||
# Telegram频道配置
|
||||
TELE_CHANNELS=[]
|
||||
|
||||
@@ -15,12 +15,14 @@
|
||||
"cors": "^2.8.5",
|
||||
"dotenv": "^16.4.5",
|
||||
"express": "^4.18.3",
|
||||
"inversify": "^7.1.0",
|
||||
"jsonwebtoken": "^9.0.2",
|
||||
"rss-parser": "^3.13.0",
|
||||
"sequelize": "^6.37.5",
|
||||
"socket.io": "^4.8.1",
|
||||
"sqlite3": "^5.1.7",
|
||||
"tunnel": "^0.0.6"
|
||||
"tunnel": "^0.0.6",
|
||||
"winston": "^3.17.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/bcrypt": "^5.0.2",
|
||||
|
||||
@@ -1,76 +1,57 @@
|
||||
// filepath: /d:/code/CloudDiskDown/backend/src/app.ts
|
||||
import "./types/express";
|
||||
import express from "express";
|
||||
import cors from "cors";
|
||||
import cookieParser from "cookie-parser";
|
||||
import { container } from "./inversify.config";
|
||||
import { TYPES } from "./core/types";
|
||||
import { DatabaseService } from "./services/DatabaseService";
|
||||
import { setupMiddlewares } from "./middleware";
|
||||
import routes from "./routes/api";
|
||||
import { logger } from "./utils/logger";
|
||||
import { errorHandler } from "./middleware/errorHandler";
|
||||
import sequelize from "./config/database";
|
||||
import { authMiddleware } from "./middleware/auth";
|
||||
import GlobalSetting from "./models/GlobalSetting";
|
||||
import Searcher from "./services/Searcher";
|
||||
class App {
|
||||
private app = express();
|
||||
private databaseService = container.get<DatabaseService>(TYPES.DatabaseService);
|
||||
|
||||
const app = express();
|
||||
|
||||
app.use(
|
||||
cors({
|
||||
origin: "*",
|
||||
credentials: true,
|
||||
methods: ["GET", "POST", "PUT", "DELETE", "OPTIONS"],
|
||||
allowedHeaders: ["Content-Type", "Authorization", "Cookie"],
|
||||
})
|
||||
);
|
||||
|
||||
app.use(cookieParser());
|
||||
app.use(express.json());
|
||||
|
||||
// 应用 token 验证中间件,排除登录和注册接口
|
||||
app.use((req, res, next) => {
|
||||
if (
|
||||
req.path === "/user/login" ||
|
||||
req.path === "/user/register" ||
|
||||
req.path.includes("tele-images")
|
||||
) {
|
||||
return next();
|
||||
constructor() {
|
||||
this.setupExpress();
|
||||
}
|
||||
authMiddleware(req, res, next);
|
||||
|
||||
private setupExpress(): void {
|
||||
// 设置中间件
|
||||
setupMiddlewares(this.app);
|
||||
|
||||
// 设置路由
|
||||
this.app.use("/", routes);
|
||||
this.app.use(errorHandler);
|
||||
}
|
||||
|
||||
public async start(): Promise<void> {
|
||||
try {
|
||||
// 初始化数据库
|
||||
await this.databaseService.initialize();
|
||||
logger.info("数据库初始化成功");
|
||||
|
||||
// 启动服务器
|
||||
const port = process.env.PORT || 8009;
|
||||
this.app.listen(port, () => {
|
||||
logger.info(`
|
||||
🚀 服务器启动成功
|
||||
🌍 监听端口: ${port}
|
||||
🔧 运行环境: ${process.env.NODE_ENV || "development"}
|
||||
`);
|
||||
});
|
||||
} catch (error) {
|
||||
logger.error("服务器启动失败:", error);
|
||||
process.exit(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 创建并启动应用
|
||||
const application = new App();
|
||||
application.start().catch((error) => {
|
||||
logger.error("应用程序启动失败:", error);
|
||||
process.exit(1);
|
||||
});
|
||||
|
||||
app.use("/", routes);
|
||||
|
||||
const initializeGlobalSettings = async (): Promise<void> => {
|
||||
const settings = await GlobalSetting.findOne();
|
||||
if (!settings) {
|
||||
await GlobalSetting.create({
|
||||
httpProxyHost: "127.0.0.1",
|
||||
httpProxyPort: 7890,
|
||||
isProxyEnabled: true,
|
||||
CommonUserCode: 9527,
|
||||
AdminUserCode: 230713,
|
||||
});
|
||||
console.log("Global settings initialized with default values.");
|
||||
}
|
||||
await Searcher.updateAxiosInstance();
|
||||
};
|
||||
|
||||
// 错误处理
|
||||
app.use(errorHandler);
|
||||
|
||||
const PORT = process.env.PORT || 8009;
|
||||
|
||||
// 在同步前禁用外键约束,同步后重新启用
|
||||
sequelize
|
||||
.query("PRAGMA foreign_keys = OFF") // 禁用外键
|
||||
.then(() => sequelize.sync({ alter: true }))
|
||||
.then(() => sequelize.query("PRAGMA foreign_keys = ON")) // 重新启用外键
|
||||
.then(() => {
|
||||
app.listen(PORT, async () => {
|
||||
await initializeGlobalSettings();
|
||||
console.log(`Server is running on port ${PORT}`);
|
||||
});
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error("Database sync failed:", error);
|
||||
});
|
||||
|
||||
export default app;
|
||||
export default application;
|
||||
|
||||
@@ -11,86 +11,78 @@ interface Channel {
|
||||
interface CloudPatterns {
|
||||
baiduPan: RegExp;
|
||||
tianyi: RegExp;
|
||||
weiyun: RegExp;
|
||||
aliyun: RegExp;
|
||||
pan115: RegExp;
|
||||
pan123: RegExp;
|
||||
quark: RegExp;
|
||||
yidong: RegExp;
|
||||
}
|
||||
|
||||
interface Cloud115Config {
|
||||
userId: string;
|
||||
cookie: string;
|
||||
}
|
||||
interface QuarkConfig {
|
||||
userId: string;
|
||||
cookie: string;
|
||||
}
|
||||
interface HttpProxyConfig {
|
||||
host: string;
|
||||
port: string;
|
||||
}
|
||||
interface Config {
|
||||
jwtSecret: string;
|
||||
registerCode: string;
|
||||
rss: {
|
||||
telegram: {
|
||||
baseUrl: string;
|
||||
channels: Channel[];
|
||||
};
|
||||
telegram: {
|
||||
baseUrl: string;
|
||||
};
|
||||
httpProxy: HttpProxyConfig;
|
||||
cloudPatterns: CloudPatterns;
|
||||
cloud115: Cloud115Config;
|
||||
quark: QuarkConfig;
|
||||
app: {
|
||||
port: number;
|
||||
env: string;
|
||||
};
|
||||
database: {
|
||||
type: string;
|
||||
path: string;
|
||||
};
|
||||
jwt: {
|
||||
secret: string;
|
||||
expiresIn: string;
|
||||
};
|
||||
}
|
||||
|
||||
// 从环境变量读取频道配置
|
||||
const getTeleChannels = (): Channel[] => {
|
||||
try {
|
||||
const channelsStr = process.env.TELE_CHANNELS;
|
||||
if (channelsStr) {
|
||||
return JSON.parse(channelsStr);
|
||||
}
|
||||
} catch (error) {
|
||||
console.warn("无法解析 TELE_CHANNELS 环境变量,使用默认配置");
|
||||
}
|
||||
|
||||
// 默认配置
|
||||
return [];
|
||||
};
|
||||
|
||||
export const config: Config = {
|
||||
jwtSecret: process.env.JWT_SECRET || "uV7Y$k92#LkF^q1b!",
|
||||
rss: {
|
||||
baseUrl: process.env.RSS_BASE_URL || "https://rsshub.rssforever.com/telegram/channel",
|
||||
channels: [
|
||||
{
|
||||
id: "guaguale115",
|
||||
name: "115网盘资源分享",
|
||||
},
|
||||
{
|
||||
id: "hao115",
|
||||
name: "115网盘资源分享频道",
|
||||
},
|
||||
{
|
||||
id: "yunpanshare",
|
||||
name: "网盘资源收藏(夸克)",
|
||||
},
|
||||
],
|
||||
app: {
|
||||
port: parseInt(process.env.PORT || "8009"),
|
||||
env: process.env.NODE_ENV || "development",
|
||||
},
|
||||
registerCode: process.env.REGISTER_CODE || "9527",
|
||||
database: {
|
||||
type: "sqlite",
|
||||
path: "./data/database.sqlite",
|
||||
},
|
||||
jwt: {
|
||||
secret: process.env.JWT_SECRET || "your-secret-key",
|
||||
expiresIn: "6h",
|
||||
},
|
||||
jwtSecret: process.env.JWT_SECRET || "uV7Y$k92#LkF^q1b!",
|
||||
|
||||
telegram: {
|
||||
baseUrl: process.env.TELEGRAM_BASE_URL || "https://t.me/s",
|
||||
channels: getTeleChannels(),
|
||||
},
|
||||
|
||||
httpProxy: {
|
||||
host: process.env.HTTP_PROXY_HOST || "",
|
||||
port: process.env.HTTP_PROXY_PORT || "",
|
||||
},
|
||||
|
||||
cloudPatterns: {
|
||||
baiduPan: /https?:\/\/(?:pan|yun)\.baidu\.com\/[^\s<>"]+/g,
|
||||
tianyi: /https?:\/\/cloud\.189\.cn\/[^\s<>"]+/g,
|
||||
weiyun: /https?:\/\/share\.weiyun\.com\/[^\s<>"]+/g,
|
||||
aliyun: /https?:\/\/\w+\.aliyundrive\.com\/[^\s<>"]+/g,
|
||||
// pan115有两个域名 115.com 和 anxia.com
|
||||
aliyun: /https?:\/\/\w+\.(?:alipan|aliyundrive)\.com\/[^\s<>"]+/g,
|
||||
// pan115有两个域名 115.com 和 anxia.com 和 115cdn.com
|
||||
pan115: /https?:\/\/(?:115|anxia|115cdn)\.com\/s\/[^\s<>"]+/g,
|
||||
// 修改为匹配所有以123开头的域名
|
||||
// eslint-disable-next-line no-useless-escape
|
||||
pan123: /https?:\/\/(?:www\.)?123[^\/\s<>"]+\.com\/s\/[^\s<>"]+/g,
|
||||
quark: /https?:\/\/pan\.quark\.cn\/[^\s<>"]+/g,
|
||||
},
|
||||
|
||||
cloud115: {
|
||||
userId: "",
|
||||
cookie: process.env.CLOUD115_COOKIE || "",
|
||||
},
|
||||
quark: {
|
||||
userId: process.env.QUARK_USER_ID || "",
|
||||
cookie: process.env.QUARK_COOKIE || "",
|
||||
yidong: /https?:\/\/caiyun\.139\.com\/[^\s<>"]+/g,
|
||||
},
|
||||
};
|
||||
|
||||
32
backend/src/controllers/BaseCloudController.ts
Normal file
@@ -0,0 +1,32 @@
|
||||
import { Request, Response } from "express";
|
||||
import { BaseController } from "./BaseController";
|
||||
import { ICloudStorageService } from "@/types/services";
|
||||
|
||||
export abstract class BaseCloudController extends BaseController {
|
||||
constructor(protected cloudService: ICloudStorageService) {
|
||||
super();
|
||||
}
|
||||
|
||||
async getShareInfo(req: Request, res: Response): Promise<void> {
|
||||
await this.handleRequest(req, res, async () => {
|
||||
const { shareCode, receiveCode } = req.query;
|
||||
// await this.cloudService.setCookie(req);
|
||||
return await this.cloudService.getShareInfo(shareCode as string, receiveCode as string);
|
||||
});
|
||||
}
|
||||
|
||||
async getFolderList(req: Request, res: Response): Promise<void> {
|
||||
await this.handleRequest(req, res, async () => {
|
||||
const { parentCid } = req.query;
|
||||
await this.cloudService.setCookie(req);
|
||||
return await this.cloudService.getFolderList(parentCid as string);
|
||||
});
|
||||
}
|
||||
|
||||
async saveFile(req: Request, res: Response): Promise<void> {
|
||||
await this.handleRequest(req, res, async () => {
|
||||
await this.cloudService.setCookie(req);
|
||||
return await this.cloudService.saveSharedFile(req.body);
|
||||
});
|
||||
}
|
||||
}
|
||||
24
backend/src/controllers/BaseController.ts
Normal file
@@ -0,0 +1,24 @@
|
||||
import { Request, Response } from "express";
|
||||
import { ApiResponse } from "../core/ApiResponse";
|
||||
interface ApiResponseData<T> {
|
||||
data?: T;
|
||||
message?: string;
|
||||
}
|
||||
|
||||
export abstract class BaseController {
|
||||
protected async handleRequest<T>(
|
||||
req: Request,
|
||||
res: Response,
|
||||
action: () => Promise<ApiResponseData<T> | void>
|
||||
): Promise<void> {
|
||||
try {
|
||||
const result = await action();
|
||||
if (result) {
|
||||
res.json(ApiResponse.success(result.data, result.message));
|
||||
}
|
||||
} catch (error: unknown) {
|
||||
const errorMessage = error instanceof Error ? error.message : "未知错误";
|
||||
res.status(200).json(ApiResponse.error(errorMessage));
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,60 +1,11 @@
|
||||
import { Request, Response } from "express";
|
||||
import { Cloud115Service } from "../services/Cloud115Service";
|
||||
import { sendSuccess, sendError } from "../utils/response";
|
||||
import UserSetting from "../models/UserSetting";
|
||||
import { injectable, inject } from "inversify";
|
||||
import { TYPES } from "../core/types";
|
||||
import { BaseCloudController } from "./BaseCloudController";
|
||||
|
||||
const cloud115 = new Cloud115Service();
|
||||
const setCookie = async (req: Request): Promise<void> => {
|
||||
const userId = req.user?.userId;
|
||||
const userSetting = await UserSetting.findOne({
|
||||
where: { userId },
|
||||
});
|
||||
if (userSetting && userSetting.dataValues.cloud115Cookie) {
|
||||
cloud115.setCookie(userSetting.dataValues.cloud115Cookie);
|
||||
} else {
|
||||
throw new Error("请先设置115网盘cookie");
|
||||
@injectable()
|
||||
export class Cloud115Controller extends BaseCloudController {
|
||||
constructor(@inject(TYPES.Cloud115Service) cloud115Service: Cloud115Service) {
|
||||
super(cloud115Service);
|
||||
}
|
||||
};
|
||||
|
||||
export const cloud115Controller = {
|
||||
async getShareInfo(req: Request, res: Response): Promise<void> {
|
||||
try {
|
||||
const { shareCode, receiveCode } = req.query;
|
||||
await setCookie(req);
|
||||
const result = await cloud115.getShareInfo(shareCode as string, receiveCode as string);
|
||||
sendSuccess(res, result);
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
sendError(res, { message: (error as Error).message || "获取分享信息失败" });
|
||||
}
|
||||
},
|
||||
|
||||
async getFolderList(req: Request, res: Response): Promise<void> {
|
||||
try {
|
||||
const { parentCid } = req.query;
|
||||
await setCookie(req);
|
||||
const result = await cloud115.getFolderList(parentCid as string);
|
||||
sendSuccess(res, result);
|
||||
} catch (error) {
|
||||
sendError(res, { message: (error as Error).message || "获取目录列表失败" });
|
||||
}
|
||||
},
|
||||
|
||||
async saveFile(req: Request, res: Response): Promise<void> {
|
||||
try {
|
||||
const { shareCode, receiveCode, fileId, folderId } = req.body;
|
||||
await setCookie(req);
|
||||
const result = await cloud115.saveSharedFile({
|
||||
shareCode,
|
||||
receiveCode,
|
||||
fileId,
|
||||
cid: folderId,
|
||||
});
|
||||
sendSuccess(res, result);
|
||||
} catch (error) {
|
||||
sendError(res, { message: (error as Error).message || "保存文件失败" });
|
||||
}
|
||||
},
|
||||
};
|
||||
|
||||
export const Cloud115ServiceInstance = cloud115;
|
||||
}
|
||||
|
||||
@@ -1,22 +1,25 @@
|
||||
import { Request, Response } from "express";
|
||||
import DoubanService from "../services/DoubanService";
|
||||
import { sendSuccess, sendError } from "../utils/response";
|
||||
import { injectable, inject } from "inversify";
|
||||
import { TYPES } from "../core/types";
|
||||
import { DoubanService } from "../services/DoubanService";
|
||||
import { BaseController } from "./BaseController";
|
||||
|
||||
const doubanService = new DoubanService();
|
||||
@injectable()
|
||||
export class DoubanController extends BaseController {
|
||||
constructor(@inject(TYPES.DoubanService) private doubanService: DoubanService) {
|
||||
super();
|
||||
}
|
||||
|
||||
export const doubanController = {
|
||||
async getDoubanHotList(req: Request, res: Response): Promise<void> {
|
||||
try {
|
||||
await this.handleRequest(req, res, async () => {
|
||||
const { type = "movie", tag = "热门", page_limit = "50", page_start = "0" } = req.query;
|
||||
const result = await doubanService.getHotList({
|
||||
const result = await this.doubanService.getHotList({
|
||||
type: type as string,
|
||||
tag: tag as string,
|
||||
page_limit: page_limit as string,
|
||||
page_start: page_start as string,
|
||||
});
|
||||
sendSuccess(res, result);
|
||||
} catch (error) {
|
||||
sendError(res, { message: "获取热门列表失败" });
|
||||
}
|
||||
},
|
||||
};
|
||||
return result;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,52 +1,12 @@
|
||||
import { Request, Response } from "express";
|
||||
import { injectable, inject } from "inversify";
|
||||
import { TYPES } from "../core/types";
|
||||
import { QuarkService } from "../services/QuarkService";
|
||||
import { sendSuccess, sendError } from "../utils/response";
|
||||
import UserSetting from "../models/UserSetting";
|
||||
import { BaseCloudController } from "./BaseCloudController";
|
||||
|
||||
const quark = new QuarkService();
|
||||
|
||||
const setCookie = async (req: Request): Promise<void> => {
|
||||
const userId = req.user?.userId;
|
||||
const userSetting = await UserSetting.findOne({
|
||||
where: { userId },
|
||||
});
|
||||
if (userSetting && userSetting.dataValues.quarkCookie) {
|
||||
quark.setCookie(userSetting.dataValues.quarkCookie);
|
||||
} else {
|
||||
throw new Error("请先设置夸克网盘cookie");
|
||||
@injectable()
|
||||
export class QuarkController extends BaseCloudController {
|
||||
constructor(@inject(TYPES.QuarkService) quarkService: QuarkService) {
|
||||
super(quarkService);
|
||||
}
|
||||
};
|
||||
|
||||
export const quarkController = {
|
||||
async getShareInfo(req: Request, res: Response): Promise<void> {
|
||||
try {
|
||||
const { pwdId, passcode } = req.query;
|
||||
await setCookie(req);
|
||||
const result = await quark.getShareInfo(pwdId as string, passcode as string);
|
||||
sendSuccess(res, result);
|
||||
} catch (error) {
|
||||
sendError(res, { message: "获取分享信息失败" });
|
||||
}
|
||||
},
|
||||
|
||||
async getFolderList(req: Request, res: Response): Promise<void> {
|
||||
try {
|
||||
const { parentCid } = req.query;
|
||||
await setCookie(req);
|
||||
const result = await quark.getFolderList(parentCid as string);
|
||||
sendSuccess(res, result);
|
||||
} catch (error) {
|
||||
sendError(res, { message: (error as Error).message || "获取目录列表失败" });
|
||||
}
|
||||
},
|
||||
|
||||
async saveFile(req: Request, res: Response): Promise<void> {
|
||||
try {
|
||||
await setCookie(req);
|
||||
const result = await quark.saveSharedFile(req.body);
|
||||
sendSuccess(res, result);
|
||||
} catch (error) {
|
||||
sendError(res, { message: (error as Error).message || "保存文件失败" });
|
||||
}
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
@@ -1,21 +1,23 @@
|
||||
import { Request, Response } from "express";
|
||||
import Searcher from "../services/Searcher";
|
||||
import { sendSuccess, sendError } from "../utils/response";
|
||||
import { injectable, inject } from "inversify";
|
||||
import { TYPES } from "../core/types";
|
||||
import { Searcher } from "../services/Searcher";
|
||||
import { BaseController } from "./BaseController";
|
||||
|
||||
@injectable()
|
||||
export class ResourceController extends BaseController {
|
||||
constructor(@inject(TYPES.Searcher) private searcher: Searcher) {
|
||||
super();
|
||||
}
|
||||
|
||||
export const resourceController = {
|
||||
async search(req: Request, res: Response): Promise<void> {
|
||||
try {
|
||||
const { keyword, channelId = "", lastMessageId = "" } = req.query; // Remove `: string` from here
|
||||
const result = await Searcher.searchAll(
|
||||
await this.handleRequest(req, res, async () => {
|
||||
const { keyword, channelId = "", lastMessageId = "" } = req.query;
|
||||
return await this.searcher.searchAll(
|
||||
keyword as string,
|
||||
channelId as string,
|
||||
lastMessageId as string
|
||||
);
|
||||
sendSuccess(res, result);
|
||||
} catch (error) {
|
||||
sendError(res, {
|
||||
message: (error as Error).message || "搜索资源失败",
|
||||
});
|
||||
}
|
||||
},
|
||||
};
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,59 +1,28 @@
|
||||
import { Request, Response } from "express";
|
||||
import { sendSuccess, sendError } from "../utils/response";
|
||||
import Searcher from "../services/Searcher";
|
||||
import UserSetting from "../models/UserSetting";
|
||||
import GlobalSetting from "../models/GlobalSetting";
|
||||
import { iamgesInstance } from "./teleImages";
|
||||
import { injectable, inject } from "inversify";
|
||||
import { TYPES } from "../core/types";
|
||||
import { SettingService } from "../services/SettingService";
|
||||
import { BaseController } from "./BaseController";
|
||||
|
||||
@injectable()
|
||||
export class SettingController extends BaseController {
|
||||
constructor(@inject(TYPES.SettingService) private settingService: SettingService) {
|
||||
super();
|
||||
}
|
||||
|
||||
export const settingController = {
|
||||
async get(req: Request, res: Response): Promise<void> {
|
||||
try {
|
||||
await this.handleRequest(req, res, async () => {
|
||||
const userId = req.user?.userId;
|
||||
const role = req.user?.role;
|
||||
if (userId !== null) {
|
||||
let userSettings = await UserSetting.findOne({ where: { userId } });
|
||||
if (!userSettings) {
|
||||
userSettings = {
|
||||
userId: userId,
|
||||
cloud115Cookie: "",
|
||||
quarkCookie: "",
|
||||
} as UserSetting;
|
||||
if (userSettings) {
|
||||
await UserSetting.create(userSettings);
|
||||
}
|
||||
}
|
||||
const globalSetting = await GlobalSetting.findOne();
|
||||
sendSuccess(res, {
|
||||
data: {
|
||||
userSettings,
|
||||
globalSetting: role === 1 ? globalSetting : null,
|
||||
},
|
||||
});
|
||||
} else {
|
||||
sendError(res, { message: "用户ID无效" });
|
||||
}
|
||||
} catch (error) {
|
||||
console.log("获取设置失败:" + error);
|
||||
sendError(res, { message: (error as Error).message || "获取设置失败" });
|
||||
}
|
||||
},
|
||||
const role = Number(req.user?.role);
|
||||
return await this.settingService.getSettings(userId, role);
|
||||
});
|
||||
}
|
||||
|
||||
async save(req: Request, res: Response): Promise<void> {
|
||||
try {
|
||||
await this.handleRequest(req, res, async () => {
|
||||
const userId = req.user?.userId;
|
||||
const role = req.user?.role;
|
||||
if (userId !== null) {
|
||||
const { userSettings, globalSetting } = req.body;
|
||||
await UserSetting.update(userSettings, { where: { userId } });
|
||||
if (role === 1 && globalSetting) await GlobalSetting.update(globalSetting, { where: {} });
|
||||
Searcher.updateAxiosInstance();
|
||||
iamgesInstance.updateProxyConfig();
|
||||
sendSuccess(res, {
|
||||
message: "保存成功",
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.log("保存设置失败:" + error);
|
||||
sendError(res, { message: (error as Error).message || "保存设置失败" });
|
||||
}
|
||||
},
|
||||
};
|
||||
const role = Number(req.user?.role);
|
||||
return await this.settingService.saveSettings(userId, role, req.body);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
18
backend/src/controllers/sponsors.ts
Normal file
@@ -0,0 +1,18 @@
|
||||
import { Request, Response } from "express";
|
||||
import { injectable, inject } from "inversify";
|
||||
import { TYPES } from "../core/types";
|
||||
import { SponsorsService } from "../services/SponsorsService";
|
||||
import { BaseController } from "./BaseController";
|
||||
|
||||
@injectable()
|
||||
export class SponsorsController extends BaseController {
|
||||
constructor(@inject(TYPES.SponsorsService) private sponsorsService: SponsorsService) {
|
||||
super();
|
||||
}
|
||||
|
||||
async get(req: Request, res: Response): Promise<void> {
|
||||
await this.handleRequest(req, res, async () => {
|
||||
return await this.sponsorsService.getSponsors();
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -1,78 +1,30 @@
|
||||
import axios, { AxiosInstance } from "axios";
|
||||
import e, { Request, Response } from "express";
|
||||
import tunnel from "tunnel";
|
||||
import GlobalSetting from "../models/GlobalSetting";
|
||||
import { GlobalSettingAttributes } from "../models/GlobalSetting";
|
||||
import { Request, Response } from "express";
|
||||
import { injectable, inject } from "inversify";
|
||||
import { TYPES } from "../core/types";
|
||||
import { ImageService } from "../services/ImageService";
|
||||
import { BaseController } from "./BaseController";
|
||||
|
||||
export class ImageControll {
|
||||
private axiosInstance: AxiosInstance | null = null;
|
||||
private settings: GlobalSetting | null = null;
|
||||
|
||||
constructor() {
|
||||
this.initializeAxiosInstance();
|
||||
@injectable()
|
||||
export class ImageController extends BaseController {
|
||||
constructor(@inject(TYPES.ImageService) private imageService: ImageService) {
|
||||
super();
|
||||
}
|
||||
|
||||
private async initializeAxiosInstance(): Promise<void> {
|
||||
try {
|
||||
this.settings = await GlobalSetting.findOne();
|
||||
} catch (error) {
|
||||
console.error("Error fetching global settings:", error);
|
||||
}
|
||||
const globalSetting = this.settings?.dataValues || ({} as GlobalSettingAttributes);
|
||||
this.axiosInstance = axios.create({
|
||||
timeout: 3000,
|
||||
httpsAgent: globalSetting.isProxyEnabled
|
||||
? tunnel.httpsOverHttp({
|
||||
proxy: {
|
||||
host: globalSetting.httpProxyHost,
|
||||
port: globalSetting.httpProxyPort,
|
||||
headers: {
|
||||
"Proxy-Authorization": "",
|
||||
},
|
||||
},
|
||||
})
|
||||
: undefined,
|
||||
withCredentials: true,
|
||||
async getImages(req: Request, res: Response): Promise<void> {
|
||||
await this.handleRequest(req, res, async () => {
|
||||
const url = decodeURIComponent((req.query.url as string) || "");
|
||||
const response = await this.imageService.getImages(url);
|
||||
|
||||
// 设置正确的响应头
|
||||
res.setHeader("Content-Type", response.headers["content-type"]);
|
||||
res.setHeader("Cache-Control", "no-cache");
|
||||
|
||||
// 确保清除任何可能导致304响应的头信息
|
||||
res.removeHeader("etag");
|
||||
res.removeHeader("last-modified");
|
||||
|
||||
// 直接传输图片数据
|
||||
response.data.pipe(res);
|
||||
});
|
||||
}
|
||||
public async updateProxyConfig(): Promise<void> {
|
||||
try {
|
||||
this.settings = await GlobalSetting.findOne();
|
||||
const globalSetting = this.settings?.dataValues || ({} as GlobalSettingAttributes);
|
||||
if (this.axiosInstance) {
|
||||
this.axiosInstance.defaults.httpsAgent = globalSetting.isProxyEnabled
|
||||
? tunnel.httpsOverHttp({
|
||||
proxy: {
|
||||
host: globalSetting.httpProxyHost,
|
||||
port: globalSetting.httpProxyPort,
|
||||
headers: {
|
||||
"Proxy-Authorization": "",
|
||||
},
|
||||
},
|
||||
})
|
||||
: undefined;
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Error updating proxy config:", error);
|
||||
}
|
||||
}
|
||||
|
||||
async getImages(req: Request, res: Response, url: string): Promise<void> {
|
||||
try {
|
||||
const response = await this.axiosInstance?.get(url, { responseType: "stream" });
|
||||
res.set("Content-Type", response?.headers["content-type"]);
|
||||
response?.data.pipe(res);
|
||||
} catch (error) {
|
||||
res.status(500).send("Image fetch error");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export const iamgesInstance = new ImageControll();
|
||||
|
||||
export const imageControll = {
|
||||
getImages: async (req: Request, res: Response): Promise<void> => {
|
||||
const url = req.query.url as string;
|
||||
iamgesInstance.getImages(req, res, url);
|
||||
},
|
||||
};
|
||||
|
||||
@@ -1,62 +1,26 @@
|
||||
import { Request, Response } from "express";
|
||||
import bcrypt from "bcrypt";
|
||||
import jwt from "jsonwebtoken";
|
||||
import GlobalSetting from "../models/GlobalSetting";
|
||||
import User from "../models/User";
|
||||
import { config } from "../config";
|
||||
import { sendSuccess, sendError } from "../utils/response";
|
||||
import { injectable, inject } from "inversify";
|
||||
import { TYPES } from "../core/types";
|
||||
import { UserService } from "../services/UserService";
|
||||
import { BaseController } from "./BaseController";
|
||||
|
||||
@injectable()
|
||||
export class UserController extends BaseController {
|
||||
constructor(@inject(TYPES.UserService) private userService: UserService) {
|
||||
super();
|
||||
}
|
||||
|
||||
const isValidInput = (input: string): boolean => {
|
||||
// 检查是否包含空格或汉字
|
||||
const regex = /^[^\s\u4e00-\u9fa5]+$/;
|
||||
return regex.test(input);
|
||||
};
|
||||
export const userController = {
|
||||
async register(req: Request, res: Response): Promise<void> {
|
||||
const { username, password, registerCode } = req.body;
|
||||
const globalSetting = await GlobalSetting.findOne();
|
||||
const registerCodeList = [
|
||||
globalSetting?.dataValues.CommonUserCode,
|
||||
globalSetting?.dataValues.AdminUserCode,
|
||||
];
|
||||
if (!registerCode || !registerCodeList.includes(Number(registerCode))) {
|
||||
return sendError(res, { message: "注册码错误" });
|
||||
}
|
||||
// 验证输入
|
||||
if (!isValidInput(username) || !isValidInput(password)) {
|
||||
return sendError(res, { message: "用户名、密码或注册码不能包含空格或汉字" });
|
||||
}
|
||||
// 检查用户名是否已存在
|
||||
const existingUser = await User.findOne({ where: { username } });
|
||||
if (existingUser) {
|
||||
return sendError(res, { message: "用户名已存在" });
|
||||
}
|
||||
const hashedPassword = await bcrypt.hash(password, 10);
|
||||
try {
|
||||
const role = registerCodeList.findIndex((x) => x === Number(registerCode));
|
||||
const user = await User.create({ username, password: hashedPassword, role });
|
||||
sendSuccess(res, {
|
||||
data: user,
|
||||
message: "用户注册成功",
|
||||
});
|
||||
} catch (error) {
|
||||
sendError(res, { message: (error as Error).message || "用户注册失败" });
|
||||
}
|
||||
},
|
||||
await this.handleRequest(req, res, async () => {
|
||||
const { username, password, registerCode } = req.body;
|
||||
return await this.userService.register(username, password, registerCode);
|
||||
});
|
||||
}
|
||||
|
||||
async login(req: Request, res: Response): Promise<void> {
|
||||
const { username, password } = req.body;
|
||||
const user = await User.findOne({ where: { username } });
|
||||
if (!user || !(await bcrypt.compare(password, user.password))) {
|
||||
return sendError(res, { message: "用户名或密码错误" });
|
||||
}
|
||||
const token = jwt.sign({ userId: user.userId, role: user.role }, config.jwtSecret, {
|
||||
expiresIn: "6h",
|
||||
await this.handleRequest(req, res, async () => {
|
||||
const { username, password } = req.body;
|
||||
return await this.userService.login(username, password);
|
||||
});
|
||||
sendSuccess(res, {
|
||||
data: {
|
||||
token,
|
||||
},
|
||||
});
|
||||
},
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
21
backend/src/core/ApiResponse.ts
Normal file
@@ -0,0 +1,21 @@
|
||||
export class ApiResponse<T> {
|
||||
success: boolean;
|
||||
data?: T;
|
||||
message?: string;
|
||||
code: number;
|
||||
|
||||
private constructor(success: boolean, code: number, data?: T, message?: string) {
|
||||
this.success = success;
|
||||
this.code = code;
|
||||
this.data = data;
|
||||
this.message = message;
|
||||
}
|
||||
|
||||
static success<T>(data?: T, message = "操作成功"): ApiResponse<T> {
|
||||
return new ApiResponse(true, 0, data, message);
|
||||
}
|
||||
|
||||
static error(message: string, code = 10000): ApiResponse<null> {
|
||||
return new ApiResponse(false, code, null, message);
|
||||
}
|
||||
}
|
||||
20
backend/src/core/types.ts
Normal file
@@ -0,0 +1,20 @@
|
||||
export const TYPES = {
|
||||
DatabaseService: Symbol.for("DatabaseService"),
|
||||
Cloud115Service: Symbol.for("Cloud115Service"),
|
||||
QuarkService: Symbol.for("QuarkService"),
|
||||
Searcher: Symbol.for("Searcher"),
|
||||
DoubanService: Symbol.for("DoubanService"),
|
||||
ImageService: Symbol.for("ImageService"),
|
||||
SettingService: Symbol.for("SettingService"),
|
||||
UserService: Symbol.for("UserService"),
|
||||
SponsorsService: Symbol.for("SponsorsService"),
|
||||
|
||||
Cloud115Controller: Symbol.for("Cloud115Controller"),
|
||||
QuarkController: Symbol.for("QuarkController"),
|
||||
ResourceController: Symbol.for("ResourceController"),
|
||||
DoubanController: Symbol.for("DoubanController"),
|
||||
ImageController: Symbol.for("ImageController"),
|
||||
SettingController: Symbol.for("SettingController"),
|
||||
UserController: Symbol.for("UserController"),
|
||||
SponsorsController: Symbol.for("SponsorsController"),
|
||||
};
|
||||
45
backend/src/inversify.config.ts
Normal file
@@ -0,0 +1,45 @@
|
||||
import { Container } from "inversify";
|
||||
import { TYPES } from "./core/types";
|
||||
|
||||
// Services
|
||||
import { DatabaseService } from "./services/DatabaseService";
|
||||
import { Cloud115Service } from "./services/Cloud115Service";
|
||||
import { QuarkService } from "./services/QuarkService";
|
||||
import { Searcher } from "./services/Searcher";
|
||||
import { DoubanService } from "./services/DoubanService";
|
||||
import { UserService } from "./services/UserService";
|
||||
import { ImageService } from "./services/ImageService";
|
||||
import { SettingService } from "./services/SettingService";
|
||||
import { SponsorsService } from "./services/SponsorsService";
|
||||
// Controllers
|
||||
import { Cloud115Controller } from "./controllers/cloud115";
|
||||
import { QuarkController } from "./controllers/quark";
|
||||
import { ResourceController } from "./controllers/resource";
|
||||
import { DoubanController } from "./controllers/douban";
|
||||
import { ImageController } from "./controllers/teleImages";
|
||||
import { SettingController } from "./controllers/setting";
|
||||
import { UserController } from "./controllers/user";
|
||||
import { SponsorsController } from "./controllers/sponsors";
|
||||
const container = new Container();
|
||||
|
||||
// Services
|
||||
container.bind<DatabaseService>(TYPES.DatabaseService).to(DatabaseService).inSingletonScope();
|
||||
container.bind<Cloud115Service>(TYPES.Cloud115Service).to(Cloud115Service).inSingletonScope();
|
||||
container.bind<QuarkService>(TYPES.QuarkService).to(QuarkService).inSingletonScope();
|
||||
container.bind<Searcher>(TYPES.Searcher).to(Searcher).inSingletonScope();
|
||||
container.bind<ImageService>(TYPES.ImageService).to(ImageService).inSingletonScope();
|
||||
container.bind<SettingService>(TYPES.SettingService).to(SettingService).inSingletonScope();
|
||||
container.bind<DoubanService>(TYPES.DoubanService).to(DoubanService).inSingletonScope();
|
||||
container.bind<UserService>(TYPES.UserService).to(UserService).inSingletonScope();
|
||||
container.bind<SponsorsService>(TYPES.SponsorsService).to(SponsorsService).inSingletonScope();
|
||||
// Controllers
|
||||
container.bind<Cloud115Controller>(TYPES.Cloud115Controller).to(Cloud115Controller);
|
||||
container.bind<QuarkController>(TYPES.QuarkController).to(QuarkController);
|
||||
container.bind<ResourceController>(TYPES.ResourceController).to(ResourceController);
|
||||
container.bind<DoubanController>(TYPES.DoubanController).to(DoubanController);
|
||||
container.bind<ImageController>(TYPES.ImageController).to(ImageController);
|
||||
container.bind<SettingController>(TYPES.SettingController).to(SettingController);
|
||||
container.bind<UserController>(TYPES.UserController).to(UserController);
|
||||
container.bind<SponsorsController>(TYPES.SponsorsController).to(SponsorsController);
|
||||
|
||||
export { container };
|
||||
@@ -16,7 +16,7 @@ export const authMiddleware = async (
|
||||
res: Response,
|
||||
next: NextFunction
|
||||
): Promise<void | Response> => {
|
||||
if (req.path === "/user/login" || req.path === "/user/register") {
|
||||
if (req.path === "/user/login" || req.path === "/user/register" || req.path === "/tele-images/") {
|
||||
return next();
|
||||
}
|
||||
|
||||
|
||||
15
backend/src/middleware/cors.ts
Normal file
@@ -0,0 +1,15 @@
|
||||
import { Request, Response, NextFunction } from "express";
|
||||
|
||||
export const cors = () => {
|
||||
return (req: Request, res: Response, next: NextFunction) => {
|
||||
res.header("Access-Control-Allow-Origin", "*");
|
||||
res.header("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
|
||||
res.header("Access-Control-Allow-Headers", "Content-Type, Authorization, Cookie");
|
||||
res.header("Access-Control-Allow-Credentials", "true");
|
||||
|
||||
if (req.method === "OPTIONS") {
|
||||
return res.sendStatus(200);
|
||||
}
|
||||
next();
|
||||
};
|
||||
};
|
||||
@@ -5,7 +5,6 @@ interface CustomError extends Error {
|
||||
}
|
||||
|
||||
export const errorHandler = (err: CustomError, req: Request, res: Response): void => {
|
||||
console.error(err);
|
||||
res.status(err.status || 500).json({
|
||||
success: false,
|
||||
error: err.message || "服务器内部错误",
|
||||
|
||||
14
backend/src/middleware/index.ts
Normal file
@@ -0,0 +1,14 @@
|
||||
import { Application } from "express";
|
||||
import express from "express";
|
||||
import { authMiddleware } from "./auth";
|
||||
import { requestLogger } from "./requestLogger";
|
||||
import { rateLimiter } from "./rateLimiter";
|
||||
import { cors } from "./cors";
|
||||
|
||||
export const setupMiddlewares = (app: Application) => {
|
||||
app.use(express.json());
|
||||
app.use(cors());
|
||||
app.use(requestLogger());
|
||||
app.use(rateLimiter());
|
||||
app.use(authMiddleware);
|
||||
};
|
||||
27
backend/src/middleware/rateLimiter.ts
Normal file
@@ -0,0 +1,27 @@
|
||||
import { Request, Response, NextFunction } from "express";
|
||||
|
||||
const requestCounts = new Map<string, { count: number; timestamp: number }>();
|
||||
const WINDOW_MS = 60 * 1000; // 1分钟窗口
|
||||
const MAX_REQUESTS = 600; // 每个IP每分钟最多60个请求
|
||||
|
||||
export const rateLimiter = () => {
|
||||
return (req: Request, res: Response, next: NextFunction) => {
|
||||
const ip = req.ip || req.socket.remoteAddress || "unknown";
|
||||
const now = Date.now();
|
||||
const record = requestCounts.get(ip) || { count: 0, timestamp: now };
|
||||
|
||||
if (now - record.timestamp > WINDOW_MS) {
|
||||
record.count = 0;
|
||||
record.timestamp = now;
|
||||
}
|
||||
|
||||
record.count++;
|
||||
requestCounts.set(ip, record);
|
||||
|
||||
if (record.count > MAX_REQUESTS) {
|
||||
return res.status(429).json({ message: "请求过于频繁,请稍后再试" });
|
||||
}
|
||||
|
||||
next();
|
||||
};
|
||||
};
|
||||
23
backend/src/middleware/requestLogger.ts
Normal file
@@ -0,0 +1,23 @@
|
||||
import { Request, Response, NextFunction } from "express";
|
||||
import { logger } from "../utils/logger";
|
||||
|
||||
const excludePaths = ["/tele-images/"];
|
||||
|
||||
export const requestLogger = () => {
|
||||
return (req: Request, res: Response, next: NextFunction) => {
|
||||
const start = Date.now();
|
||||
res.on("finish", () => {
|
||||
if (excludePaths.includes(req.path)) {
|
||||
return;
|
||||
}
|
||||
const duration = Date.now() - start;
|
||||
logger.info({
|
||||
method: req.method,
|
||||
path: req.path,
|
||||
status: res.statusCode,
|
||||
duration: `${duration}ms`,
|
||||
});
|
||||
});
|
||||
next();
|
||||
};
|
||||
};
|
||||
@@ -1,36 +1,55 @@
|
||||
import express from "express";
|
||||
import { cloud115Controller } from "../controllers/cloud115";
|
||||
import { quarkController } from "../controllers/quark";
|
||||
import { resourceController } from "../controllers/resource";
|
||||
import { doubanController } from "../controllers/douban";
|
||||
import { imageControll } from "../controllers/teleImages";
|
||||
import settingRoutes from "./setting";
|
||||
import userRoutes from "./user";
|
||||
import { Router } from "express";
|
||||
import { container } from "../inversify.config";
|
||||
import { TYPES } from "../core/types";
|
||||
import { Cloud115Controller } from "../controllers/cloud115";
|
||||
import { QuarkController } from "../controllers/quark";
|
||||
import { ResourceController } from "../controllers/resource";
|
||||
import { DoubanController } from "../controllers/douban";
|
||||
import { ImageController } from "../controllers/teleImages";
|
||||
import { SettingController } from "../controllers/setting";
|
||||
import { UserController } from "../controllers/user";
|
||||
import { SponsorsController } from "../controllers/sponsors";
|
||||
|
||||
const router = express.Router();
|
||||
const router = Router();
|
||||
|
||||
// 获取控制器实例
|
||||
const cloud115Controller = container.get<Cloud115Controller>(TYPES.Cloud115Controller);
|
||||
const quarkController = container.get<QuarkController>(TYPES.QuarkController);
|
||||
const resourceController = container.get<ResourceController>(TYPES.ResourceController);
|
||||
const doubanController = container.get<DoubanController>(TYPES.DoubanController);
|
||||
const imageController = container.get<ImageController>(TYPES.ImageController);
|
||||
const settingController = container.get<SettingController>(TYPES.SettingController);
|
||||
const userController = container.get<UserController>(TYPES.UserController);
|
||||
const sponsorsController = container.get<SponsorsController>(TYPES.SponsorsController);
|
||||
|
||||
// 用户相关路由
|
||||
router.use("/user", userRoutes);
|
||||
router.post("/user/login", (req, res) => userController.login(req, res));
|
||||
router.post("/user/register", (req, res) => userController.register(req, res));
|
||||
|
||||
router.use("/tele-images", imageControll.getImages);
|
||||
// 图片相关路由
|
||||
router.get("/tele-images", (req, res) => imageController.getImages(req, res));
|
||||
|
||||
// 设置相关路由
|
||||
router.use("/setting", settingRoutes);
|
||||
router.get("/setting/get", (req, res) => settingController.get(req, res));
|
||||
router.post("/setting/save", (req, res) => settingController.save(req, res));
|
||||
|
||||
// 资源搜索
|
||||
router.get("/search", resourceController.search);
|
||||
router.get("/search", (req, res) => resourceController.search(req, res));
|
||||
|
||||
// 获取赞助者列表
|
||||
router.get("/sponsors", (req, res) => sponsorsController.get(req, res));
|
||||
|
||||
// 115网盘相关
|
||||
router.get("/cloud115/share-info", cloud115Controller.getShareInfo);
|
||||
router.get("/cloud115/folders", cloud115Controller.getFolderList);
|
||||
router.post("/cloud115/save", cloud115Controller.saveFile);
|
||||
router.get("/cloud115/share-info", (req, res) => cloud115Controller.getShareInfo(req, res));
|
||||
router.get("/cloud115/folders", (req, res) => cloud115Controller.getFolderList(req, res));
|
||||
router.post("/cloud115/save", (req, res) => cloud115Controller.saveFile(req, res));
|
||||
|
||||
// 夸克网盘相关
|
||||
router.get("/quark/share-info", quarkController.getShareInfo);
|
||||
router.get("/quark/folders", quarkController.getFolderList);
|
||||
router.post("/quark/save", quarkController.saveFile);
|
||||
router.get("/quark/share-info", (req, res) => quarkController.getShareInfo(req, res));
|
||||
router.get("/quark/folders", (req, res) => quarkController.getFolderList(req, res));
|
||||
router.post("/quark/save", (req, res) => quarkController.saveFile(req, res));
|
||||
|
||||
// 获取豆瓣热门列表
|
||||
router.get("/douban/hot", doubanController.getDoubanHotList);
|
||||
router.get("/douban/hot", (req, res) => doubanController.getDoubanHotList(req, res));
|
||||
|
||||
export default router;
|
||||
|
||||
@@ -1,9 +0,0 @@
|
||||
import express from "express";
|
||||
import { settingController } from "../controllers/setting";
|
||||
|
||||
const router = express.Router();
|
||||
|
||||
router.get("/get", settingController.get);
|
||||
router.post("/save", settingController.save);
|
||||
|
||||
export default router;
|
||||
@@ -1,10 +0,0 @@
|
||||
// backend/src/routes/user.ts
|
||||
import express from "express";
|
||||
import { userController } from "../controllers/user";
|
||||
|
||||
const router = express.Router();
|
||||
|
||||
router.post("/register", userController.register);
|
||||
router.post("/login", userController.login);
|
||||
|
||||
export default router;
|
||||
@@ -1,8 +1,11 @@
|
||||
import { AxiosHeaders, AxiosInstance } from "axios"; // 导入 AxiosHeaders
|
||||
import { createAxiosInstance } from "../utils/axiosInstance";
|
||||
import { Logger } from "../utils/logger";
|
||||
import { config } from "../config/index";
|
||||
import { ShareInfoResponse } from "../types/cloud115";
|
||||
import { ShareInfoResponse, FolderListResponse, SaveFileParams } from "../types/cloud";
|
||||
import { injectable } from "inversify";
|
||||
import { Request } from "express";
|
||||
import UserSetting from "../models/UserSetting";
|
||||
import { ICloudStorageService } from "@/types/services";
|
||||
import { logger } from "../utils/logger";
|
||||
|
||||
interface Cloud115ListItem {
|
||||
cid: string;
|
||||
@@ -16,16 +19,12 @@ interface Cloud115FolderItem {
|
||||
ns: number;
|
||||
}
|
||||
|
||||
interface Cloud115PathItem {
|
||||
cid: string;
|
||||
name: string;
|
||||
}
|
||||
|
||||
export class Cloud115Service {
|
||||
@injectable()
|
||||
export class Cloud115Service implements ICloudStorageService {
|
||||
private api: AxiosInstance;
|
||||
private cookie: string = "";
|
||||
|
||||
constructor(cookie?: string) {
|
||||
constructor() {
|
||||
this.api = createAxiosInstance(
|
||||
"https://webapi.115.com",
|
||||
AxiosHeaders.from({
|
||||
@@ -45,19 +44,23 @@ export class Cloud115Service {
|
||||
"Accept-Language": "zh-CN,zh;q=0.9",
|
||||
})
|
||||
);
|
||||
if (cookie) {
|
||||
this.setCookie(cookie);
|
||||
} else {
|
||||
console.log("请注意:115网盘需要提供cookie进行身份验证");
|
||||
}
|
||||
|
||||
this.api.interceptors.request.use((config) => {
|
||||
config.headers.cookie = cookie || this.cookie;
|
||||
config.headers.cookie = this.cookie;
|
||||
return config;
|
||||
});
|
||||
}
|
||||
|
||||
public setCookie(cookie: string): void {
|
||||
this.cookie = cookie;
|
||||
async setCookie(req: Request): Promise<void> {
|
||||
const userId = req.user?.userId;
|
||||
const userSetting = await UserSetting.findOne({
|
||||
where: { userId },
|
||||
});
|
||||
if (userSetting && userSetting.dataValues.cloud115Cookie) {
|
||||
this.cookie = userSetting.dataValues.cloud115Cookie;
|
||||
} else {
|
||||
throw new Error("请先设置115网盘cookie");
|
||||
}
|
||||
}
|
||||
|
||||
async getShareInfo(shareCode: string, receiveCode = ""): Promise<ShareInfoResponse> {
|
||||
@@ -72,19 +75,21 @@ export class Cloud115Service {
|
||||
});
|
||||
if (response.data?.state && response.data.data?.list?.length > 0) {
|
||||
return {
|
||||
data: response.data.data.list.map((item: Cloud115ListItem) => ({
|
||||
fileId: item.cid,
|
||||
fileName: item.n,
|
||||
fileSize: item.s,
|
||||
})),
|
||||
data: {
|
||||
list: response.data.data.list.map((item: Cloud115ListItem) => ({
|
||||
fileId: item.cid,
|
||||
fileName: item.n,
|
||||
fileSize: item.s,
|
||||
})),
|
||||
},
|
||||
};
|
||||
} else {
|
||||
logger.error("未找到文件信息:", response.data);
|
||||
throw new Error("未找到文件信息");
|
||||
}
|
||||
throw new Error("未找到文件信息");
|
||||
}
|
||||
|
||||
async getFolderList(
|
||||
parentCid = "0"
|
||||
): Promise<{ data: { cid: string; name: string; path: Cloud115PathItem[] }[] }> {
|
||||
async getFolderList(parentCid = "0"): Promise<FolderListResponse> {
|
||||
const response = await this.api.get("/files", {
|
||||
params: {
|
||||
aid: 1,
|
||||
@@ -115,33 +120,27 @@ export class Cloud115Service {
|
||||
})),
|
||||
};
|
||||
} else {
|
||||
Logger.error("获取目录列表失败:", response.data.error);
|
||||
logger.error("获取目录列表失败:", response.data.error);
|
||||
throw new Error("获取115pan目录列表失败:" + response.data.error);
|
||||
}
|
||||
}
|
||||
|
||||
async saveSharedFile(params: {
|
||||
cid: string;
|
||||
shareCode: string;
|
||||
receiveCode: string;
|
||||
fileId: string;
|
||||
}): Promise<{ message: string; data: unknown }> {
|
||||
async saveSharedFile(params: SaveFileParams): Promise<{ message: string; data: unknown }> {
|
||||
const param = new URLSearchParams({
|
||||
cid: params.cid,
|
||||
user_id: config.cloud115.userId,
|
||||
share_code: params.shareCode,
|
||||
receive_code: params.receiveCode,
|
||||
file_id: params.fileId,
|
||||
cid: params.folderId || "",
|
||||
share_code: params.shareCode || "",
|
||||
receive_code: params.receiveCode || "",
|
||||
file_id: params.fids?.[0] || "",
|
||||
});
|
||||
const response = await this.api.post("/share/receive", param.toString());
|
||||
Logger.info("保存文件:", response.data);
|
||||
logger.info("保存文件:", response.data);
|
||||
if (response.data.state) {
|
||||
return {
|
||||
message: response.data.error,
|
||||
data: response.data.data,
|
||||
};
|
||||
} else {
|
||||
Logger.error("保存文件失败:", response.data.error);
|
||||
logger.error("保存文件失败:", response.data.error);
|
||||
throw new Error("保存115pan文件失败:" + response.data.error);
|
||||
}
|
||||
}
|
||||
|
||||
62
backend/src/services/DatabaseService.ts
Normal file
@@ -0,0 +1,62 @@
|
||||
import { Sequelize, QueryTypes } from "sequelize";
|
||||
import GlobalSetting from "../models/GlobalSetting";
|
||||
import { Searcher } from "./Searcher";
|
||||
import sequelize from "../config/database";
|
||||
|
||||
// 全局设置默认值
|
||||
const DEFAULT_GLOBAL_SETTINGS = {
|
||||
httpProxyHost: "127.0.0.1",
|
||||
httpProxyPort: 7890,
|
||||
isProxyEnabled: false,
|
||||
CommonUserCode: 9527,
|
||||
AdminUserCode: 230713,
|
||||
};
|
||||
|
||||
export class DatabaseService {
|
||||
private sequelize: Sequelize;
|
||||
|
||||
constructor() {
|
||||
this.sequelize = sequelize;
|
||||
}
|
||||
|
||||
async initialize(): Promise<void> {
|
||||
try {
|
||||
await this.sequelize.query("PRAGMA foreign_keys = OFF");
|
||||
await this.cleanupBackupTables();
|
||||
await this.sequelize.sync({ alter: true });
|
||||
await this.sequelize.query("PRAGMA foreign_keys = ON");
|
||||
await this.initializeGlobalSettings();
|
||||
} catch (error) {
|
||||
throw new Error(`数据库初始化失败: ${(error as Error).message}`);
|
||||
}
|
||||
}
|
||||
|
||||
private async initializeGlobalSettings(): Promise<void> {
|
||||
try {
|
||||
const settings = await GlobalSetting.findOne();
|
||||
if (!settings) {
|
||||
await GlobalSetting.create(DEFAULT_GLOBAL_SETTINGS);
|
||||
console.log("✅ Global settings initialized with default values.");
|
||||
}
|
||||
await Searcher.updateAxiosInstance();
|
||||
} catch (error) {
|
||||
console.error("❌ Failed to initialize global settings:", error);
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
private async cleanupBackupTables(): Promise<void> {
|
||||
const backupTables = await this.sequelize.query<{ name: string }>(
|
||||
"SELECT name FROM sqlite_master WHERE type='table' AND name LIKE '%\\_backup%' ESCAPE '\\'",
|
||||
{ type: QueryTypes.SELECT }
|
||||
);
|
||||
|
||||
for (const table of backupTables) {
|
||||
if (table?.name) {
|
||||
await this.sequelize.query(`DROP TABLE IF EXISTS ${table.name}`);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ... 其他数据库相关方法
|
||||
}
|
||||
@@ -10,7 +10,7 @@ interface DoubanSubject {
|
||||
is_new: boolean;
|
||||
}
|
||||
|
||||
class DoubanService {
|
||||
export class DoubanService {
|
||||
private baseUrl: string;
|
||||
private api: AxiosInstance;
|
||||
|
||||
@@ -62,5 +62,3 @@ class DoubanService {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export default DoubanService;
|
||||
|
||||
68
backend/src/services/ImageService.ts
Normal file
@@ -0,0 +1,68 @@
|
||||
import { injectable } from "inversify";
|
||||
import axios, { AxiosInstance } from "axios";
|
||||
import tunnel from "tunnel";
|
||||
import GlobalSetting from "../models/GlobalSetting";
|
||||
import { GlobalSettingAttributes } from "../models/GlobalSetting";
|
||||
|
||||
@injectable()
|
||||
export class ImageService {
|
||||
private axiosInstance: AxiosInstance | null = null;
|
||||
|
||||
constructor() {
|
||||
// 移除构造函数中的初始化,改为懒加载
|
||||
}
|
||||
|
||||
private async ensureAxiosInstance(): Promise<AxiosInstance> {
|
||||
if (!this.axiosInstance) {
|
||||
const settings = await GlobalSetting.findOne();
|
||||
const globalSetting = settings?.dataValues || ({} as GlobalSettingAttributes);
|
||||
|
||||
this.axiosInstance = axios.create({
|
||||
timeout: 30000,
|
||||
headers: {
|
||||
Accept: "image/*, */*",
|
||||
"User-Agent":
|
||||
"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",
|
||||
},
|
||||
withCredentials: false,
|
||||
maxRedirects: 5,
|
||||
httpsAgent: globalSetting.isProxyEnabled
|
||||
? tunnel.httpsOverHttp({
|
||||
proxy: {
|
||||
host: globalSetting.httpProxyHost,
|
||||
port: globalSetting.httpProxyPort,
|
||||
headers: {
|
||||
"Proxy-Authorization": "",
|
||||
},
|
||||
},
|
||||
})
|
||||
: undefined,
|
||||
});
|
||||
|
||||
this.axiosInstance.interceptors.response.use(
|
||||
(response) => response,
|
||||
(error) => {
|
||||
throw error;
|
||||
}
|
||||
);
|
||||
}
|
||||
return this.axiosInstance;
|
||||
}
|
||||
|
||||
async updateAxiosInstance(): Promise<void> {
|
||||
this.axiosInstance = null;
|
||||
await this.ensureAxiosInstance();
|
||||
}
|
||||
|
||||
async getImages(url: string): Promise<any> {
|
||||
const axiosInstance = await this.ensureAxiosInstance();
|
||||
|
||||
return await axiosInstance.get(url, {
|
||||
responseType: "stream",
|
||||
validateStatus: (status) => status >= 200 && status < 300,
|
||||
headers: {
|
||||
Referer: new URL(url).origin,
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -1,6 +1,16 @@
|
||||
import { AxiosInstance, AxiosHeaders } from "axios";
|
||||
import { Logger } from "../utils/logger";
|
||||
import { logger } from "../utils/logger";
|
||||
import { createAxiosInstance } from "../utils/axiosInstance";
|
||||
import { injectable } from "inversify";
|
||||
import { Request } from "express";
|
||||
import UserSetting from "../models/UserSetting";
|
||||
import {
|
||||
ShareInfoResponse,
|
||||
FolderListResponse,
|
||||
QuarkFolderItem,
|
||||
SaveFileParams,
|
||||
} from "../types/cloud";
|
||||
import { ICloudStorageService } from "@/types/services";
|
||||
|
||||
interface QuarkShareInfo {
|
||||
stoken?: string;
|
||||
@@ -14,17 +24,12 @@ interface QuarkShareInfo {
|
||||
}[];
|
||||
}
|
||||
|
||||
interface QuarkFolderItem {
|
||||
fid: string;
|
||||
file_name: string;
|
||||
file_type: number;
|
||||
}
|
||||
|
||||
export class QuarkService {
|
||||
@injectable()
|
||||
export class QuarkService implements ICloudStorageService {
|
||||
private api: AxiosInstance;
|
||||
private cookie: string = "";
|
||||
|
||||
constructor(cookie?: string) {
|
||||
constructor() {
|
||||
this.api = createAxiosInstance(
|
||||
"https://drive-h.quark.cn",
|
||||
AxiosHeaders.from({
|
||||
@@ -41,22 +46,26 @@ export class QuarkService {
|
||||
"sec-fetch-site": "same-site",
|
||||
})
|
||||
);
|
||||
if (cookie) {
|
||||
this.setCookie(cookie);
|
||||
} else {
|
||||
console.log("请注意:夸克网盘需要提供cookie进行身份验证");
|
||||
}
|
||||
|
||||
this.api.interceptors.request.use((config) => {
|
||||
config.headers.cookie = cookie || this.cookie;
|
||||
config.headers.cookie = this.cookie;
|
||||
return config;
|
||||
});
|
||||
}
|
||||
|
||||
public setCookie(cookie: string): void {
|
||||
this.cookie = cookie;
|
||||
async setCookie(req: Request): Promise<void> {
|
||||
const userId = req.user?.userId;
|
||||
const userSetting = await UserSetting.findOne({
|
||||
where: { userId },
|
||||
});
|
||||
if (userSetting && userSetting.dataValues.quarkCookie) {
|
||||
this.cookie = userSetting.dataValues.quarkCookie;
|
||||
} else {
|
||||
throw new Error("请先设置夸克网盘cookie");
|
||||
}
|
||||
}
|
||||
|
||||
async getShareInfo(pwdId: string, passcode = ""): Promise<{ data: QuarkShareInfo }> {
|
||||
async getShareInfo(pwdId: string, passcode = ""): Promise<ShareInfoResponse> {
|
||||
const response = await this.api.post(
|
||||
`/1/clouddrive/share/sharepage/token?pr=ucpro&fr=pc&uc_param_str=&__dt=994&__t=${Date.now()}`,
|
||||
{
|
||||
@@ -76,7 +85,7 @@ export class QuarkService {
|
||||
throw new Error("获取夸克分享信息失败");
|
||||
}
|
||||
|
||||
async getShareList(pwdId: string, stoken: string): Promise<QuarkShareInfo> {
|
||||
async getShareList(pwdId: string, stoken: string): Promise<ShareInfoResponse["data"]> {
|
||||
const response = await this.api.get("/1/clouddrive/share/sharepage/detail", {
|
||||
params: {
|
||||
pr: "ucpro",
|
||||
@@ -117,9 +126,7 @@ export class QuarkService {
|
||||
}
|
||||
}
|
||||
|
||||
async getFolderList(
|
||||
parentCid = "0"
|
||||
): Promise<{ data: { cid: string; name: string; path: [] }[] }> {
|
||||
async getFolderList(parentCid = "0"): Promise<FolderListResponse> {
|
||||
const response = await this.api.get("/1/clouddrive/file/sort", {
|
||||
params: {
|
||||
pr: "ucpro",
|
||||
@@ -148,24 +155,25 @@ export class QuarkService {
|
||||
};
|
||||
} else {
|
||||
const message = "获取夸克目录列表失败:" + response.data.error;
|
||||
Logger.error(message);
|
||||
logger.error(message);
|
||||
throw new Error(message);
|
||||
}
|
||||
}
|
||||
|
||||
async saveSharedFile(params: {
|
||||
fid_list: string[];
|
||||
fid_token_list: string[];
|
||||
to_pdir_fid: string;
|
||||
pwd_id: string;
|
||||
stoken: string;
|
||||
pdir_fid: string;
|
||||
scene: string;
|
||||
}): Promise<{ message: string; data: unknown }> {
|
||||
async saveSharedFile(params: SaveFileParams): Promise<{ message: string; data: unknown }> {
|
||||
const quarkParams = {
|
||||
fid_list: params.fids,
|
||||
fid_token_list: params.fidTokens,
|
||||
to_pdir_fid: params.folderId,
|
||||
pwd_id: params.shareCode,
|
||||
stoken: params.receiveCode,
|
||||
pdir_fid: "0",
|
||||
scene: "link",
|
||||
};
|
||||
try {
|
||||
const response = await this.api.post(
|
||||
`/1/clouddrive/share/sharepage/save?pr=ucpro&fr=pc&uc_param_str=&__dt=208097&__t=${Date.now()}`,
|
||||
params
|
||||
quarkParams
|
||||
);
|
||||
|
||||
return {
|
||||
|
||||
@@ -4,7 +4,8 @@ import GlobalSetting from "../models/GlobalSetting";
|
||||
import { GlobalSettingAttributes } from "../models/GlobalSetting";
|
||||
import * as cheerio from "cheerio";
|
||||
import { config } from "../config";
|
||||
import { Logger } from "../utils/logger";
|
||||
import { logger } from "../utils/logger";
|
||||
import { injectable } from "inversify";
|
||||
|
||||
interface sourceItem {
|
||||
messageId?: string;
|
||||
@@ -20,20 +21,23 @@ interface sourceItem {
|
||||
cloudType?: string;
|
||||
}
|
||||
|
||||
@injectable()
|
||||
export class Searcher {
|
||||
private axiosInstance: AxiosInstance | null = null;
|
||||
private static instance: Searcher;
|
||||
private api: AxiosInstance | null = null;
|
||||
|
||||
constructor() {
|
||||
this.initializeAxiosInstance();
|
||||
this.initAxiosInstance();
|
||||
Searcher.instance = this;
|
||||
}
|
||||
|
||||
private async initializeAxiosInstance(isUpdate = false): Promise<void> {
|
||||
let settings = null;
|
||||
private async initAxiosInstance(isUpdate: boolean = false) {
|
||||
let globalSetting = {} as GlobalSettingAttributes;
|
||||
if (isUpdate) {
|
||||
settings = await GlobalSetting.findOne();
|
||||
const settings = await GlobalSetting.findOne();
|
||||
globalSetting = settings?.dataValues || ({} as GlobalSettingAttributes);
|
||||
}
|
||||
const globalSetting = settings?.dataValues || ({} as GlobalSettingAttributes);
|
||||
this.axiosInstance = createAxiosInstance(
|
||||
this.api = createAxiosInstance(
|
||||
config.telegram.baseUrl,
|
||||
AxiosHeaders.from({
|
||||
accept:
|
||||
@@ -56,8 +60,9 @@ export class Searcher {
|
||||
: undefined
|
||||
);
|
||||
}
|
||||
public async updateAxiosInstance() {
|
||||
await this.initializeAxiosInstance(true);
|
||||
|
||||
public static async updateAxiosInstance(): Promise<void> {
|
||||
await Searcher.instance.initAxiosInstance(true);
|
||||
}
|
||||
|
||||
private extractCloudLinks(text: string): { links: string[]; cloudType: string } {
|
||||
@@ -67,7 +72,7 @@ export class Searcher {
|
||||
const matches = text.match(pattern);
|
||||
if (matches) {
|
||||
links.push(...matches);
|
||||
cloudType = Object.keys(config.cloudPatterns)[index];
|
||||
if (!cloudType) cloudType = Object.keys(config.cloudPatterns)[index];
|
||||
}
|
||||
});
|
||||
return {
|
||||
@@ -80,8 +85,8 @@ export class Searcher {
|
||||
const allResults: any[] = [];
|
||||
|
||||
const channelList: any[] = channelId
|
||||
? config.rss.channels.filter((channel: any) => channel.id === channelId)
|
||||
: config.rss.channels;
|
||||
? config.telegram.channels.filter((channel: any) => channel.id === channelId)
|
||||
: config.telegram.channels;
|
||||
|
||||
// 使用Promise.all进行并行请求
|
||||
const searchPromises = channelList.map(async (channel) => {
|
||||
@@ -111,7 +116,7 @@ export class Searcher {
|
||||
}
|
||||
});
|
||||
} catch (error) {
|
||||
Logger.error(`搜索频道 ${channel.name} 失败:`, error);
|
||||
logger.error(`搜索频道 ${channel.name} 失败:`, error);
|
||||
}
|
||||
});
|
||||
|
||||
@@ -125,10 +130,10 @@ export class Searcher {
|
||||
|
||||
async searchInWeb(url: string) {
|
||||
try {
|
||||
if (!this.axiosInstance) {
|
||||
if (!this.api) {
|
||||
throw new Error("Axios instance is not initialized");
|
||||
}
|
||||
const response = await this.axiosInstance.get(url);
|
||||
const response = await this.api.get(url);
|
||||
const html = response.data;
|
||||
const $ = cheerio.load(html);
|
||||
const items: sourceItem[] = [];
|
||||
@@ -205,7 +210,7 @@ export class Searcher {
|
||||
});
|
||||
return { items: items, channelLogo };
|
||||
} catch (error) {
|
||||
Logger.error(`搜索错误: ${url}`, error);
|
||||
logger.error(`搜索错误: ${url}`, error);
|
||||
return {
|
||||
items: [],
|
||||
channelLogo: "",
|
||||
|
||||
59
backend/src/services/SettingService.ts
Normal file
@@ -0,0 +1,59 @@
|
||||
import { injectable, inject } from "inversify";
|
||||
import { TYPES } from "../core/types";
|
||||
import UserSetting from "../models/UserSetting";
|
||||
import GlobalSetting from "../models/GlobalSetting";
|
||||
import { Searcher } from "./Searcher";
|
||||
import { ImageService } from "./ImageService";
|
||||
|
||||
@injectable()
|
||||
export class SettingService {
|
||||
constructor(@inject(TYPES.ImageService) private imageService: ImageService) {}
|
||||
|
||||
async getSettings(userId: string | undefined, role: number | undefined) {
|
||||
if (!userId) {
|
||||
throw new Error("用户ID无效");
|
||||
}
|
||||
|
||||
let userSettings = await UserSetting.findOne({ where: { userId: userId.toString() } });
|
||||
if (!userSettings) {
|
||||
userSettings = await UserSetting.create({
|
||||
userId: userId.toString(),
|
||||
cloud115Cookie: "",
|
||||
quarkCookie: "",
|
||||
});
|
||||
}
|
||||
|
||||
const globalSetting = await GlobalSetting.findOne();
|
||||
return {
|
||||
data: {
|
||||
userSettings,
|
||||
globalSetting: role === 1 ? globalSetting : null,
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
async saveSettings(userId: string | undefined, role: number | undefined, settings: any) {
|
||||
if (!userId) {
|
||||
throw new Error("用户ID无效");
|
||||
}
|
||||
|
||||
const { userSettings, globalSetting } = settings;
|
||||
await UserSetting.update(userSettings, { where: { userId: userId.toString() } });
|
||||
|
||||
if (role === 1 && globalSetting) {
|
||||
await GlobalSetting.update(globalSetting, { where: {} });
|
||||
}
|
||||
await this.updateSettings();
|
||||
return { message: "保存成功" };
|
||||
}
|
||||
|
||||
async updateSettings(/* 参数 */): Promise<void> {
|
||||
// ... 其他代码 ...
|
||||
|
||||
// 修改这一行,使用注入的实例方法而不是静态方法
|
||||
await this.imageService.updateAxiosInstance();
|
||||
await Searcher.updateAxiosInstance();
|
||||
|
||||
// ... 其他代码 ...
|
||||
}
|
||||
}
|
||||
25
backend/src/services/SponsorsService.ts
Normal file
@@ -0,0 +1,25 @@
|
||||
import { injectable } from "inversify";
|
||||
import { createAxiosInstance } from "../utils/axiosInstance";
|
||||
import { AxiosInstance } from "axios";
|
||||
import sponsors from "../sponsors/sponsors.json";
|
||||
|
||||
@injectable()
|
||||
export class SponsorsService {
|
||||
private axiosInstance: AxiosInstance;
|
||||
|
||||
constructor() {
|
||||
this.axiosInstance = createAxiosInstance("http://oss.jiangmuxin.cn/cloudsaver/");
|
||||
}
|
||||
async getSponsors() {
|
||||
try {
|
||||
const response = await this.axiosInstance.get("sponsors.json");
|
||||
return {
|
||||
data: response.data.sponsors,
|
||||
};
|
||||
} catch (error) {
|
||||
return {
|
||||
data: sponsors.sponsors,
|
||||
};
|
||||
}
|
||||
}
|
||||
}
|
||||
63
backend/src/services/UserService.ts
Normal file
@@ -0,0 +1,63 @@
|
||||
import { injectable } from "inversify";
|
||||
import bcrypt from "bcrypt";
|
||||
import jwt from "jsonwebtoken";
|
||||
import { config } from "../config";
|
||||
import User from "../models/User";
|
||||
import GlobalSetting from "../models/GlobalSetting";
|
||||
|
||||
@injectable()
|
||||
export class UserService {
|
||||
private isValidInput(input: string): boolean {
|
||||
// 检查是否包含空格或汉字
|
||||
const regex = /^[^\s\u4e00-\u9fa5]+$/;
|
||||
return regex.test(input);
|
||||
}
|
||||
|
||||
async register(username: string, password: string, registerCode: string) {
|
||||
const globalSetting = await GlobalSetting.findOne();
|
||||
const registerCodeList = [
|
||||
globalSetting?.dataValues.CommonUserCode,
|
||||
globalSetting?.dataValues.AdminUserCode,
|
||||
];
|
||||
if (!registerCode || !registerCodeList.includes(Number(registerCode))) {
|
||||
throw new Error("注册码错误");
|
||||
}
|
||||
|
||||
// 验证输入
|
||||
if (!this.isValidInput(username) || !this.isValidInput(password)) {
|
||||
throw new Error("用户名、密码或注册码不能包含空格或汉字");
|
||||
}
|
||||
|
||||
// 检查用户名是否已存在
|
||||
const existingUser = await User.findOne({ where: { username } });
|
||||
if (existingUser) {
|
||||
throw new Error("用户名已存在");
|
||||
}
|
||||
|
||||
const hashedPassword = await bcrypt.hash(password, 10);
|
||||
const role = registerCodeList.findIndex((x) => x === Number(registerCode));
|
||||
const user = await User.create({ username, password: hashedPassword, role });
|
||||
|
||||
return {
|
||||
data: user,
|
||||
message: "用户注册成功",
|
||||
};
|
||||
}
|
||||
|
||||
async login(username: string, password: string) {
|
||||
const user = await User.findOne({ where: { username } });
|
||||
if (!user || !(await bcrypt.compare(password, user.password))) {
|
||||
throw new Error("用户名或密码错误");
|
||||
}
|
||||
|
||||
const token = jwt.sign({ userId: user.userId, role: user.role }, config.jwtSecret, {
|
||||
expiresIn: "6h",
|
||||
});
|
||||
|
||||
return {
|
||||
data: {
|
||||
token,
|
||||
},
|
||||
};
|
||||
}
|
||||
}
|
||||
54
backend/src/sponsors/sponsors.json
Normal file
@@ -0,0 +1,54 @@
|
||||
{
|
||||
"sponsors": [
|
||||
{
|
||||
"name": "立本狗头",
|
||||
"avatar": "http://oss.jiangmuxin.cn/cloudsaver/sponsors/thanks1.jpg",
|
||||
"message": "怒搓楼上狗头! "
|
||||
},
|
||||
{
|
||||
"name": "帝国鼻屎",
|
||||
"avatar": "http://oss.jiangmuxin.cn/cloudsaver/sponsors/thanks2.jpg",
|
||||
"message": "芜湖起飞! "
|
||||
},
|
||||
{
|
||||
"name": "雷霆222",
|
||||
"avatar": "http://oss.jiangmuxin.cn/cloudsaver/sponsors/thanks3.jpg",
|
||||
"message": "把我弄帅点 "
|
||||
},
|
||||
{
|
||||
"name": "黑田奈奈子",
|
||||
"avatar": "http://oss.jiangmuxin.cn/cloudsaver/sponsors/thanks4.jpg",
|
||||
"message": "流年笑掷 未来可期 ",
|
||||
"link": "https://github.com/htnanako"
|
||||
},
|
||||
{
|
||||
"name": "原野🐇",
|
||||
"avatar": "http://oss.jiangmuxin.cn/cloudsaver/sponsors/thanks5.jpg"
|
||||
},
|
||||
{
|
||||
"name": "我摆烂!",
|
||||
"avatar": "http://oss.jiangmuxin.cn/cloudsaver/sponsors/thanks6.jpg",
|
||||
"message": "人生苦短,及时行乐,卷什么卷,随缘摆烂 "
|
||||
},
|
||||
{
|
||||
"name": "田培",
|
||||
"avatar": "http://oss.jiangmuxin.cn/cloudsaver/sponsors/thanks7.jpg"
|
||||
},
|
||||
{
|
||||
"name": "River",
|
||||
"avatar": "http://oss.jiangmuxin.cn/cloudsaver/sponsors/thanks8.jpg"
|
||||
},
|
||||
{
|
||||
"name": "午夜学徒",
|
||||
"avatar": "http://oss.jiangmuxin.cn/cloudsaver/sponsors/thanks9.jpg"
|
||||
},
|
||||
{
|
||||
"name": "阿潘",
|
||||
"avatar": "http://oss.jiangmuxin.cn/cloudsaver/sponsors/thanks10.jpg"
|
||||
},
|
||||
{
|
||||
"name": "闹闹黑",
|
||||
"avatar": "http://oss.jiangmuxin.cn/cloudsaver/sponsors/thanks11.jpg"
|
||||
}
|
||||
]
|
||||
}
|
||||
83
backend/src/types/cloud.ts
Normal file
@@ -0,0 +1,83 @@
|
||||
export interface ShareInfoResponse {
|
||||
data: {
|
||||
list: ShareInfoItem[];
|
||||
fileSize?: number;
|
||||
pwdId?: string;
|
||||
stoken?: string;
|
||||
};
|
||||
}
|
||||
|
||||
export interface GetShareInfoParams {
|
||||
shareCode: string;
|
||||
receiveCode?: string;
|
||||
}
|
||||
|
||||
export interface ShareInfoItem {
|
||||
fileId: string;
|
||||
fileName: string;
|
||||
fileSize?: number;
|
||||
fileIdToken?: string;
|
||||
}
|
||||
export interface FolderListResponse {
|
||||
data: {
|
||||
cid: string;
|
||||
name: string;
|
||||
path: { cid: string; name: string }[];
|
||||
}[];
|
||||
}
|
||||
|
||||
export interface SaveFileParams {
|
||||
shareCode: string; // 分享code
|
||||
receiveCode?: string; // 分享文件的密码
|
||||
folderId?: string; // 文件夹id
|
||||
fids?: string[]; // 存储文件id
|
||||
fidTokens?: string[]; // 存储文件token
|
||||
}
|
||||
|
||||
export interface SaveFileResponse {
|
||||
message: string;
|
||||
data: unknown;
|
||||
}
|
||||
|
||||
export interface ShareFileInfo {
|
||||
shareCode: string;
|
||||
receiveCode?: string;
|
||||
fileId: string;
|
||||
cid?: string;
|
||||
fid_list?: string[];
|
||||
fid_token_list?: string[];
|
||||
to_pdir_fid?: string;
|
||||
pwd_id?: string;
|
||||
stoken?: string;
|
||||
pdir_fid?: string;
|
||||
scene?: string;
|
||||
[key: string]: any;
|
||||
}
|
||||
|
||||
export interface QuarkShareFileInfo {
|
||||
fid_list: string[];
|
||||
fid_token_list: string[];
|
||||
to_pdir_fid: string;
|
||||
pwd_id: string;
|
||||
stoken: string;
|
||||
pdir_fid: string;
|
||||
scene: string;
|
||||
}
|
||||
|
||||
export interface QuarkShareInfo {
|
||||
stoken?: string;
|
||||
pwdId?: string;
|
||||
fileSize?: number;
|
||||
list: {
|
||||
fid: string;
|
||||
file_name: string;
|
||||
file_type: number;
|
||||
share_fid_token: string;
|
||||
}[];
|
||||
}
|
||||
|
||||
export interface QuarkFolderItem {
|
||||
fid: string;
|
||||
file_name: string;
|
||||
file_type: number;
|
||||
}
|
||||
15
backend/src/types/index.ts
Normal file
@@ -0,0 +1,15 @@
|
||||
export interface Config {
|
||||
app: {
|
||||
port: number;
|
||||
env: string;
|
||||
};
|
||||
database: {
|
||||
type: string;
|
||||
path: string;
|
||||
};
|
||||
jwt: {
|
||||
secret: string;
|
||||
expiresIn: string;
|
||||
};
|
||||
// ... 其他配置类型
|
||||
}
|
||||
9
backend/src/types/services.ts
Normal file
@@ -0,0 +1,9 @@
|
||||
import { Request } from "express";
|
||||
import { ShareInfoResponse, FolderListResponse, SaveFileParams } from "./cloud";
|
||||
|
||||
export interface ICloudStorageService {
|
||||
setCookie(req: Request): Promise<void>;
|
||||
getShareInfo(shareCode: string, receiveCode?: string): Promise<ShareInfoResponse>;
|
||||
getFolderList(parentCid?: string): Promise<FolderListResponse>;
|
||||
saveSharedFile(params: SaveFileParams): Promise<any>;
|
||||
}
|
||||
@@ -8,12 +8,11 @@ interface ProxyConfig {
|
||||
|
||||
export function createAxiosInstance(
|
||||
baseURL: string,
|
||||
headers: AxiosRequestHeaders,
|
||||
headers?: AxiosRequestHeaders,
|
||||
useProxy: boolean = false,
|
||||
proxyConfig?: ProxyConfig
|
||||
): AxiosInstance {
|
||||
let agent;
|
||||
console.log(proxyConfig);
|
||||
if (useProxy && proxyConfig) {
|
||||
agent = tunnel.httpsOverHttp({
|
||||
proxy: proxyConfig,
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import { Response, NextFunction } from "express";
|
||||
import { Logger } from "../utils/logger";
|
||||
import { logger } from "../utils/logger";
|
||||
|
||||
interface CustomError {
|
||||
name?: string;
|
||||
@@ -13,6 +13,6 @@ export default function handleError(
|
||||
message: string,
|
||||
next: NextFunction
|
||||
) {
|
||||
Logger.error(message, error);
|
||||
logger.error(message, error);
|
||||
next(error || { success: false, message });
|
||||
}
|
||||
|
||||
@@ -1,38 +1,21 @@
|
||||
type LogLevel = "info" | "success" | "warn" | "error";
|
||||
import winston from "winston";
|
||||
import { config } from "../config";
|
||||
|
||||
export const Logger = {
|
||||
info(...args: any[]) {
|
||||
this.log("info", ...args);
|
||||
},
|
||||
const logger = winston.createLogger({
|
||||
level: config.app.env === "development" ? "debug" : "info",
|
||||
format: winston.format.combine(winston.format.timestamp(), winston.format.json()),
|
||||
transports: [
|
||||
new winston.transports.File({ filename: "logs/error.log", level: "error" }),
|
||||
new winston.transports.File({ filename: "logs/combined.log" }),
|
||||
],
|
||||
});
|
||||
|
||||
success(...args: any[]) {
|
||||
this.log("success", ...args);
|
||||
},
|
||||
if (config.app.env !== "production") {
|
||||
logger.add(
|
||||
new winston.transports.Console({
|
||||
format: winston.format.simple(),
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
warn(...args: any[]) {
|
||||
this.log("warn", ...args);
|
||||
},
|
||||
|
||||
error(...args: any[]) {
|
||||
this.log("error", ...args);
|
||||
},
|
||||
|
||||
log(level: LogLevel, ...args: any[]) {
|
||||
const timestamp = new Date().toISOString();
|
||||
const prefix = `[${timestamp}] [${level.toUpperCase()}]`;
|
||||
|
||||
switch (level) {
|
||||
case "success":
|
||||
console.log(prefix, ...args);
|
||||
break;
|
||||
case "warn":
|
||||
console.warn(prefix, ...args);
|
||||
break;
|
||||
case "error":
|
||||
console.error(prefix, ...args);
|
||||
break;
|
||||
default:
|
||||
console.log(prefix, ...args);
|
||||
}
|
||||
},
|
||||
};
|
||||
export { logger };
|
||||
|
||||
@@ -15,7 +15,9 @@
|
||||
"typeRoots": ["./node_modules/@types", "./src/types"],
|
||||
"paths": {
|
||||
"@/*": ["src/*"]
|
||||
}
|
||||
},
|
||||
"experimentalDecorators": true,
|
||||
"emitDecoratorMetadata": true
|
||||
},
|
||||
"include": ["src/**/*"],
|
||||
"exclude": ["node_modules", "dist"]
|
||||
|
||||
13
docker-entrypoint.sh
Normal file
@@ -0,0 +1,13 @@
|
||||
#!/bin/sh
|
||||
|
||||
# 如果配置目录下没有 env 文件,则复制示例文件
|
||||
if [ ! -f /app/config/env ]; then
|
||||
cp /app/.env.example /app/config/env
|
||||
echo "已创建默认配置文件 /app/config/env,请根据需要修改配置"
|
||||
fi
|
||||
|
||||
# 创建配置文件软链接
|
||||
ln -sf /app/config/env /app/.env
|
||||
|
||||
# 启动 Nginx 和后端服务
|
||||
nginx -g 'daemon off;' & npm run start
|
||||
|
Before Width: | Height: | Size: 172 KiB |
|
Before Width: | Height: | Size: 2.4 MiB |
|
Before Width: | Height: | Size: 1.2 MiB |
BIN
docs/images/qq.jpg
Normal file
|
After Width: | Height: | Size: 185 KiB |
|
Before Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 184 KiB |
|
Before Width: | Height: | Size: 195 KiB |
|
Before Width: | Height: | Size: 186 KiB |
|
Before Width: | Height: | Size: 139 KiB |
|
Before Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 824 KiB |
|
Before Width: | Height: | Size: 86 KiB |
|
Before Width: | Height: | Size: 164 KiB After Width: | Height: | Size: 181 KiB |
BIN
docs/images/wechat_2.jpg
Normal file
|
After Width: | Height: | Size: 163 KiB |
|
Before Width: | Height: | Size: 121 KiB After Width: | Height: | Size: 74 KiB |
4
frontend/components.d.ts
vendored
@@ -8,7 +8,6 @@ export {}
|
||||
declare module 'vue' {
|
||||
export interface GlobalComponents {
|
||||
AsideMenu: typeof import('./src/components/AsideMenu.vue')['default']
|
||||
DoubanMovie: typeof import('./src/components/Home/DoubanMovie.vue')['default']
|
||||
ElAside: typeof import('element-plus/es')['ElAside']
|
||||
ElBacktop: typeof import('element-plus/es')['ElBacktop']
|
||||
ElButton: typeof import('element-plus/es')['ElButton']
|
||||
@@ -26,11 +25,9 @@ declare module 'vue' {
|
||||
ElInput: typeof import('element-plus/es')['ElInput']
|
||||
ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
|
||||
ElLink: typeof import('element-plus/es')['ElLink']
|
||||
ElLoadingIcon: typeof import('element-plus/es')['ElLoadingIcon']
|
||||
ElMain: typeof import('element-plus/es')['ElMain']
|
||||
ElMenu: typeof import('element-plus/es')['ElMenu']
|
||||
ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
|
||||
ElSpace: typeof import('element-plus/es')['ElSpace']
|
||||
ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
|
||||
ElSwitch: typeof import('element-plus/es')['ElSwitch']
|
||||
ElTable: typeof import('element-plus/es')['ElTable']
|
||||
@@ -39,7 +36,6 @@ declare module 'vue' {
|
||||
ElTabs: typeof import('element-plus/es')['ElTabs']
|
||||
ElTag: typeof import('element-plus/es')['ElTag']
|
||||
ElTooltip: typeof import('element-plus/es')['ElTooltip']
|
||||
ElTree: typeof import('element-plus/es')['ElTree']
|
||||
FolderSelect: typeof import('./src/components/Home/FolderSelect.vue')['default']
|
||||
ResourceCard: typeof import('./src/components/Home/ResourceCard.vue')['default']
|
||||
ResourceSelect: typeof import('./src/components/Home/ResourceSelect.vue')['default']
|
||||
|
||||
@@ -8,6 +8,30 @@
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
|
||||
/>
|
||||
<meta name="keywords" content="网盘,资源搜索,云存储" />
|
||||
<!-- SEO关键词 -->
|
||||
<meta name="description" content="网盘资源搜索工具" />
|
||||
<!-- 设置Web App描述 -->
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<!-- 设置主题颜色 -->
|
||||
<meta property="og:title" content="CloudSaver" />
|
||||
<!-- 社交媒体分享标题 -->
|
||||
<meta property="og:description" content="网盘资源搜索工具" />
|
||||
<!-- 社交媒体分享描述 -->
|
||||
<meta property="og:url" content="https://github.com/jiangrui1994/CloudSaver" />
|
||||
<!-- 社交媒体分享链接 -->
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<!-- Twitter卡片类型 -->
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<!-- 开启Web App功能 -->
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
|
||||
<!-- 设置状态栏样式 -->
|
||||
<meta name="apple-mobile-web-app-title" content="CloudSaver" />
|
||||
<!-- 设置Web App标题 -->
|
||||
<link rel="apple-touch-icon" href="/logo-1.png" />
|
||||
<!-- 设置Web App图标 -->
|
||||
<link rel="mask-icon" href="/logo.svg" color="transparent" />
|
||||
<!-- 设置Web App图标遮罩 -->
|
||||
<meta name="referrer" content="no-referrer" />
|
||||
<title>CloudSaver</title>
|
||||
</head>
|
||||
|
||||
BIN
frontend/logo-1.png
Normal file
|
After Width: | Height: | Size: 248 KiB |
3751
frontend/logo.svg
Normal file
|
After Width: | Height: | Size: 282 KiB |
4
frontend/package-lock.json
generated
@@ -1,12 +1,12 @@
|
||||
{
|
||||
"name": "cloud-disk-web",
|
||||
"version": "0.1.0",
|
||||
"version": "0.2.5",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "cloud-disk-web",
|
||||
"version": "0.1.0",
|
||||
"version": "0.2.5",
|
||||
"dependencies": {
|
||||
"axios": "^1.6.7",
|
||||
"element-plus": "^2.6.1",
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "cloud-saver-web",
|
||||
"private": true,
|
||||
"version": "0.2.0",
|
||||
"version": "0.2.5",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite --host",
|
||||
@@ -12,8 +12,10 @@
|
||||
"@element-plus/icons-vue": "^2.3.1",
|
||||
"axios": "^1.6.7",
|
||||
"element-plus": "^2.6.1",
|
||||
"gsap": "^3.12.7",
|
||||
"pinia": "^2.1.7",
|
||||
"socket.io-client": "^4.8.1",
|
||||
"typeit": "^8.8.7",
|
||||
"vant": "^4.9.17",
|
||||
"vue": "^3.4.21",
|
||||
"vue-router": "^4.3.0"
|
||||
@@ -28,6 +30,7 @@
|
||||
"unplugin-auto-import": "^0.17.8",
|
||||
"unplugin-vue-components": "^0.26.0",
|
||||
"vite": "^5.1.5",
|
||||
"vite-plugin-pwa": "^0.21.1",
|
||||
"vue-tsc": "^2.0.6"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -7,6 +7,10 @@
|
||||
<style>
|
||||
#app {
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
:root {
|
||||
--theme-color: #3e3e3e;
|
||||
@@ -34,6 +38,13 @@ body {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
body {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* 移动端全局样式 */
|
||||
@media screen and (max-width: 768px) {
|
||||
#app {
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
import request from "@/utils/request";
|
||||
import type { ShareInfoResponse, Folder, Save115FileParams } from "@/types";
|
||||
import type { ShareInfoResponse, Folder, SaveFileParams, GetShareInfoParams } from "@/types";
|
||||
|
||||
export const cloud115Api = {
|
||||
async getShareInfo(shareCode: string, receiveCode = "") {
|
||||
async getShareInfo(params: GetShareInfoParams) {
|
||||
const { data } = await request.get<ShareInfoResponse>("/api/cloud115/share-info", {
|
||||
params: { shareCode, receiveCode },
|
||||
params,
|
||||
});
|
||||
return data as ShareInfoResponse;
|
||||
},
|
||||
@@ -16,7 +16,7 @@ export const cloud115Api = {
|
||||
return res;
|
||||
},
|
||||
|
||||
async saveFile(params: Save115FileParams) {
|
||||
async saveFile(params: SaveFileParams) {
|
||||
const res = await request.post("/api/cloud115/save", params);
|
||||
return res;
|
||||
},
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
import request from "@/utils/request";
|
||||
import type { ShareInfoResponse, Folder, SaveQuarkFileParams } from "@/types";
|
||||
import type { ShareInfoResponse, Folder, SaveFileParams, GetShareInfoParams } from "@/types";
|
||||
|
||||
export const quarkApi = {
|
||||
async getShareInfo(pwdId: string, passcode = "") {
|
||||
async getShareInfo(params: GetShareInfoParams) {
|
||||
const { data } = await request.get<ShareInfoResponse>("/api/quark/share-info", {
|
||||
params: { pwdId, passcode },
|
||||
params,
|
||||
});
|
||||
return data as ShareInfoResponse;
|
||||
},
|
||||
@@ -16,7 +16,7 @@ export const quarkApi = {
|
||||
return data;
|
||||
},
|
||||
|
||||
async saveFile(params: SaveQuarkFileParams) {
|
||||
async saveFile(params: SaveFileParams) {
|
||||
return await request.post("/api/quark/save", params);
|
||||
},
|
||||
};
|
||||
|
||||
@@ -7,4 +7,7 @@ export const userApi = {
|
||||
register: (data: { username: string; password: string; registerCode: string }) => {
|
||||
return request.post<{ token: string }>("/api/user/register", data);
|
||||
},
|
||||
getSponsors: () => {
|
||||
return request.get("/api/sponsors?timestamp=" + Date.now());
|
||||
},
|
||||
};
|
||||
|
||||
BIN
frontend/src/assets/images/default.png
Normal file
|
After Width: | Height: | Size: 6.1 KiB |
@@ -45,12 +45,7 @@
|
||||
|
||||
<!-- GitHub 链接 -->
|
||||
<div class="pc-aside__footer">
|
||||
<a
|
||||
href="https://github.com/jiangrui1994/CloudSaver"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="github-link"
|
||||
>
|
||||
<a :href="PROJECT_GITHUB" target="_blank" rel="noopener noreferrer" class="github-link">
|
||||
<svg
|
||||
height="20"
|
||||
aria-hidden="true"
|
||||
@@ -76,6 +71,7 @@ import { computed } from "vue";
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
import { Search, Film, Setting, Link } from "@element-plus/icons-vue";
|
||||
import logo from "@/assets/images/logo.png";
|
||||
import { PROJECT_GITHUB } from "@/constants/project";
|
||||
import pkg from "../../package.json";
|
||||
|
||||
// 类型定义
|
||||
@@ -134,6 +130,12 @@ const menuList: MenuItem[] = [
|
||||
router: "/setting",
|
||||
disabled: false,
|
||||
},
|
||||
{
|
||||
index: "4",
|
||||
title: "鸣谢",
|
||||
icon: Link,
|
||||
router: "/thanks",
|
||||
},
|
||||
];
|
||||
|
||||
// 计算当前激活的菜单
|
||||
|
||||
@@ -12,8 +12,8 @@
|
||||
<div class="detail-cover">
|
||||
<el-image
|
||||
class="cover-image"
|
||||
:src="`/tele-images/?url=${encodeURIComponent(currentResource.image as string)}`"
|
||||
fit="cover"
|
||||
:src="getProxyImageUrl(currentResource.image as string)"
|
||||
:fit="currentResource.image ? 'cover' : 'contain'"
|
||||
/>
|
||||
<el-tag
|
||||
class="cloud-type"
|
||||
@@ -32,7 +32,6 @@
|
||||
</h3>
|
||||
<div class="detail-description" v-html="currentResource.content" />
|
||||
<div v-if="currentResource.tags?.length" class="detail-tags">
|
||||
<span class="tags-label">标签:</span>
|
||||
<div class="tags-list">
|
||||
<el-tag
|
||||
v-for="tag in currentResource.tags"
|
||||
@@ -48,7 +47,13 @@
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button type="primary" @click="currentResource && handleSave(currentResource)"
|
||||
<el-button type="primary" plain @click="currentResource && handleJump(currentResource)"
|
||||
>跳转</el-button
|
||||
>
|
||||
<el-button
|
||||
v-if="currentResource?.isSupportSave"
|
||||
type="primary"
|
||||
@click="currentResource && handleSave(currentResource)"
|
||||
>转存</el-button
|
||||
>
|
||||
</div>
|
||||
@@ -56,20 +61,30 @@
|
||||
</el-dialog>
|
||||
|
||||
<div v-for="group in store.resources" :key="group.id" class="resource-group">
|
||||
<div class="group-header">
|
||||
<div
|
||||
:class="{ 'group-header': true, 'is-active': group.displayList }"
|
||||
@click="group.displayList = !group.displayList"
|
||||
>
|
||||
<el-link
|
||||
class="group-title"
|
||||
:href="`https://t.me/s/${group.id}`"
|
||||
target="_blank"
|
||||
:underline="false"
|
||||
@click.stop
|
||||
>
|
||||
<el-image :src="group.channelInfo.channelLogo" class="channel-logo" fit="cover" lazy />
|
||||
<el-image
|
||||
:src="getProxyImageUrl(group.channelInfo.channelLogo)"
|
||||
:fit="group.channelInfo.channelLogo ? 'cover' : 'contain'"
|
||||
class="channel-logo"
|
||||
scroll-container="#pc-resources-content"
|
||||
loading="lazy"
|
||||
/>
|
||||
<span>{{ group.channelInfo.name }}</span>
|
||||
<span class="item-count">({{ group.list.length }})</span>
|
||||
</el-link>
|
||||
|
||||
<el-tooltip effect="dark" :content="group.displayList ? '收起' : '展开'" placement="top">
|
||||
<el-button class="toggle-btn" type="text" @click="group.displayList = !group.displayList">
|
||||
<el-button class="toggle-btn" type="text">
|
||||
<el-icon :class="{ 'is-active': group.displayList }">
|
||||
<ArrowDown />
|
||||
</el-icon>
|
||||
@@ -77,7 +92,7 @@
|
||||
</el-tooltip>
|
||||
</div>
|
||||
|
||||
<div v-show="group.displayList" class="group-content">
|
||||
<div v-if="group.displayList" class="group-content">
|
||||
<div class="card-grid">
|
||||
<el-card
|
||||
v-for="resource in group.list"
|
||||
@@ -88,10 +103,10 @@
|
||||
<div class="card-wrapper">
|
||||
<div class="card-cover">
|
||||
<el-image
|
||||
loading="lazy"
|
||||
class="cover-image"
|
||||
:src="`/tele-images/?url=${encodeURIComponent(resource.image as string)}`"
|
||||
fit="cover"
|
||||
lazy
|
||||
:src="getProxyImageUrl(resource.image as string)"
|
||||
:fit="resource.image ? 'cover' : 'contain'"
|
||||
:alt="resource.title"
|
||||
@click="showResourceDetail(resource)"
|
||||
/>
|
||||
@@ -123,7 +138,6 @@
|
||||
/>
|
||||
|
||||
<div v-if="resource.tags?.length" class="card-tags">
|
||||
<span class="tags-label">标签:</span>
|
||||
<div class="tags-list">
|
||||
<el-tag
|
||||
v-for="tag in resource.tags"
|
||||
@@ -137,7 +151,13 @@
|
||||
</div>
|
||||
|
||||
<div class="card-footer">
|
||||
<el-button type="primary" @click="handleSave(resource)">转存</el-button>
|
||||
<el-button type="primary" plain @click="handleJump(resource)">跳转</el-button>
|
||||
<el-button
|
||||
v-if="resource.isSupportSave"
|
||||
type="primary"
|
||||
@click="handleSave(resource)"
|
||||
>转存</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -160,12 +180,14 @@ import { useResourceStore } from "@/stores/resource";
|
||||
import { ref } from "vue";
|
||||
import type { ResourceItem, TagColor } from "@/types";
|
||||
import { ArrowDown, Plus } from "@element-plus/icons-vue";
|
||||
import { getProxyImageUrl } from "@/utils/image";
|
||||
|
||||
const store = useResourceStore();
|
||||
|
||||
const showDetail = ref(false);
|
||||
const currentResource = ref<ResourceItem | null>(null);
|
||||
|
||||
const emit = defineEmits(["save", "loadMore", "searchMovieforTag"]);
|
||||
const emit = defineEmits(["save", "loadMore", "jump", "searchMovieforTag"]);
|
||||
|
||||
const handleSave = (resource: ResourceItem) => {
|
||||
if (showDetail.value) {
|
||||
@@ -174,6 +196,10 @@ const handleSave = (resource: ResourceItem) => {
|
||||
emit("save", resource);
|
||||
};
|
||||
|
||||
const handleJump = (resource: ResourceItem) => {
|
||||
emit("jump", resource);
|
||||
};
|
||||
|
||||
const showResourceDetail = (resource: ResourceItem) => {
|
||||
currentResource.value = resource;
|
||||
showDetail.value = true;
|
||||
@@ -216,6 +242,19 @@ const handleLoadMore = (channelId: string) => {
|
||||
justify-content: space-between;
|
||||
padding: 12px 20px;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background: var(--theme-card-bg);
|
||||
backdrop-filter: var(--theme-blur);
|
||||
-webkit-backdrop-filter: var(--theme-blur);
|
||||
z-index: 10;
|
||||
border-radius: var(--theme-radius);
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
|
||||
&.is-active {
|
||||
border-radius: var(--theme-radius) var(--theme-radius) 0 0;
|
||||
}
|
||||
|
||||
.group-title {
|
||||
@include flex-center;
|
||||
@@ -230,6 +269,7 @@ const handleLoadMore = (channelId: string) => {
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
box-shadow: var(--theme-shadow-sm);
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.item-count {
|
||||
@@ -274,7 +314,7 @@ const handleLoadMore = (channelId: string) => {
|
||||
// 卡片网格
|
||||
.card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
|
||||
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
|
||||
gap: 24px;
|
||||
grid-auto-rows: min-content;
|
||||
}
|
||||
|
||||
@@ -5,37 +5,27 @@
|
||||
:data="store.resources"
|
||||
style="width: 100%"
|
||||
row-key="id"
|
||||
:default-expand-all="true"
|
||||
:default-expand-all="false"
|
||||
>
|
||||
<el-table-column type="expand">
|
||||
<template #default="props">
|
||||
<el-table :data="props.row.list" style="width: 100%">
|
||||
<el-table-column label="图片" width="180">
|
||||
<el-table-column label="图片" width="80">
|
||||
<template #default="{ row }">
|
||||
<el-image
|
||||
v-if="row.image"
|
||||
class="table-item-image"
|
||||
:src="`/tele-images/?url=${encodeURIComponent(row.image as string)}`"
|
||||
hide-on-click-modal
|
||||
:preview-src-list="[
|
||||
`${location.origin}/tele-images/?url=${encodeURIComponent(row.image as string)}`,
|
||||
]"
|
||||
:zoom-rate="1.2"
|
||||
:max-scale="7"
|
||||
:min-scale="0.2"
|
||||
:initial-index="4"
|
||||
preview-teleported
|
||||
:z-index="999"
|
||||
fit="cover"
|
||||
width="60"
|
||||
height="90"
|
||||
:src="getProxyImageUrl(row.image as string)"
|
||||
:fit="row.image ? 'cover' : 'contain'"
|
||||
width="30"
|
||||
height="60"
|
||||
/>
|
||||
<el-icon v-else size="20"><Close /></el-icon>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="title" label="标题" width="180">
|
||||
<el-table-column prop="title" label="标题" width="280">
|
||||
<template #default="{ row }">
|
||||
<el-link :href="row.cloudLinks[0]" target="_blank">
|
||||
<el-link :href="row.cloudLinks[0]" target="_blank" style="font-weight: bold">
|
||||
{{ row.title }}
|
||||
</el-link>
|
||||
</template>
|
||||
@@ -70,7 +60,8 @@
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="180">
|
||||
<template #default="{ row }">
|
||||
<el-button @click="handleSave(row)">转存</el-button>
|
||||
<el-button type="primary" plain @click="handleJump(row)">跳转</el-button>
|
||||
<el-button v-if="row.isSupportSave" @click="handleSave(row)">转存</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@@ -84,7 +75,12 @@
|
||||
<el-table-column label="来源" prop="channel">
|
||||
<template #default="{ row }">
|
||||
<div class="group-header">
|
||||
<el-image :src="row.channelInfo.channelLogo" class="channel-logo" fit="cover" lazy />
|
||||
<el-image
|
||||
:src="getProxyImageUrl(row.channelInfo.channelLogo as string)"
|
||||
class="channel-logo"
|
||||
:fit="row.channelInfo.channelLogo ? 'cover' : 'contain'"
|
||||
lazy
|
||||
/>
|
||||
<span>{{ row.channelInfo.name }}</span>
|
||||
<span class="item-count">({{ row.list.length }})</span>
|
||||
</div>
|
||||
@@ -96,18 +92,19 @@
|
||||
<script setup lang="ts">
|
||||
import { useResourceStore } from "@/stores/resource";
|
||||
import type { Resource, TagColor } from "@/types";
|
||||
import { computed } from "vue";
|
||||
import { getProxyImageUrl } from "@/utils/image";
|
||||
|
||||
const store = useResourceStore();
|
||||
|
||||
const emit = defineEmits(["save", "loadMore", "searchMovieforTag"]);
|
||||
|
||||
const location = computed(() => window.location);
|
||||
const emit = defineEmits(["save", "loadMore", "searchMovieforTag", "jump"]);
|
||||
|
||||
const handleSave = (resource: Resource) => {
|
||||
emit("save", resource);
|
||||
};
|
||||
|
||||
const handleJump = (resource: Resource) => {
|
||||
emit("jump", resource);
|
||||
};
|
||||
|
||||
// 添加加载更多处理函数
|
||||
const handleLoadMore = (channelId: string) => {
|
||||
emit("loadMore", channelId);
|
||||
@@ -137,9 +134,8 @@ const searchMovieforTag = (tag: string) => {
|
||||
}
|
||||
|
||||
.table-item-image {
|
||||
border-radius: 20px;
|
||||
border-radius: 10px;
|
||||
width: 100%;
|
||||
height: 220px;
|
||||
}
|
||||
|
||||
.item-count {
|
||||
@@ -162,8 +158,8 @@ const searchMovieforTag = (tag: string) => {
|
||||
margin: 15px 0;
|
||||
-webkit-box-orient: vertical;
|
||||
display: -webkit-box;
|
||||
line-clamp: 4;
|
||||
-webkit-line-clamp: 4;
|
||||
line-clamp: 2;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
white-space: all;
|
||||
}
|
||||
|
||||
@@ -83,10 +83,16 @@ watch(
|
||||
keyword.value = newKeyword;
|
||||
handleSearch();
|
||||
} else {
|
||||
keyword.value = "";
|
||||
keyword.value = resourcStore.keyword;
|
||||
}
|
||||
}
|
||||
);
|
||||
watch(
|
||||
() => resourcStore.keyword,
|
||||
(newKeyword) => {
|
||||
keyword.value = newKeyword;
|
||||
}
|
||||
);
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<!-- 左侧图片 -->
|
||||
<div class="content__image">
|
||||
<van-image
|
||||
:src="`/tele-images/?url=${encodeURIComponent(item.image as string)}`"
|
||||
fit="cover"
|
||||
:src="getProxyImageUrl(item.image as string)"
|
||||
:fit="item.image ? 'cover' : 'contain'"
|
||||
lazy-load
|
||||
/>
|
||||
<!-- 来源标签移到图片左上角 -->
|
||||
@@ -19,15 +19,17 @@
|
||||
<!-- 右侧信息 -->
|
||||
<div class="content__info">
|
||||
<!-- 标题 -->
|
||||
<div class="info__title" @click="openUrl(item.cloudLinks[0])">
|
||||
<div class="info__title" @click="copyUrl(item.cloudLinks[0])">
|
||||
{{ item.title }}
|
||||
</div>
|
||||
|
||||
<!-- 描述 - 添加展开收起功能 -->
|
||||
<div
|
||||
class="info__desc"
|
||||
:class="{ 'is-expanded': expandedItems[item.id] }"
|
||||
@click="toggleExpand(item.id)"
|
||||
:class="{
|
||||
'is-expanded': expandedItems[(item.messageId || '') + (item.channelId || '')],
|
||||
}"
|
||||
@click="toggleExpand((item.messageId || '') + (item.channelId || ''))"
|
||||
v-html="item.content"
|
||||
/>
|
||||
|
||||
@@ -48,9 +50,17 @@
|
||||
|
||||
<!-- 转存按钮 -->
|
||||
<div class="info__action">
|
||||
<van-button type="primary" size="mini" round @click="handleSave(item)">
|
||||
转存
|
||||
<van-button type="primary" size="mini" round plain @click="handleJump(item)">
|
||||
跳转
|
||||
</van-button>
|
||||
<van-button
|
||||
v-if="item.isSupportSave"
|
||||
type="primary"
|
||||
size="mini"
|
||||
round
|
||||
@click="handleSave(item)"
|
||||
>转存</van-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -62,7 +72,9 @@
|
||||
<script setup lang="ts">
|
||||
import { computed, ref } from "vue";
|
||||
import { useResourceStore } from "@/stores/resource";
|
||||
import { showNotify } from "vant";
|
||||
import type { ResourceItem } from "@/types";
|
||||
import { getProxyImageUrl } from "@/utils/image";
|
||||
|
||||
// Props 定义
|
||||
const props = defineProps<{
|
||||
@@ -72,6 +84,7 @@ const props = defineProps<{
|
||||
// 事件定义
|
||||
const emit = defineEmits<{
|
||||
(e: "save", resource: ResourceItem): void;
|
||||
(e: "jump", resource: ResourceItem): void;
|
||||
(e: "searchMovieforTag", tag: string): void;
|
||||
}>();
|
||||
|
||||
@@ -98,8 +111,32 @@ const handleSave = (resource: ResourceItem) => {
|
||||
emit("save", resource);
|
||||
};
|
||||
|
||||
const openUrl = (url: string) => {
|
||||
window.open(url);
|
||||
const handleJump = (resource: ResourceItem) => {
|
||||
emit("jump", resource);
|
||||
};
|
||||
|
||||
const copyUrl = async (url: string) => {
|
||||
try {
|
||||
await navigator.clipboard.writeText(url);
|
||||
showNotify({
|
||||
type: "success",
|
||||
message: "链接已复制到剪贴板",
|
||||
duration: 1500,
|
||||
});
|
||||
} catch (err) {
|
||||
const input = document.createElement("input");
|
||||
input.value = url;
|
||||
document.body.appendChild(input);
|
||||
input.select();
|
||||
document.execCommand("copy");
|
||||
document.body.removeChild(input);
|
||||
|
||||
showNotify({
|
||||
type: "success",
|
||||
message: "链接已复制到剪贴板",
|
||||
duration: 1500,
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
const searchMovieforTag = (tag: string) => {
|
||||
@@ -185,7 +222,7 @@ const toggleExpand = (id: string) => {
|
||||
@include text-ellipsis(2);
|
||||
|
||||
&:active {
|
||||
color: var(--theme-theme);
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
2
frontend/src/constants/project.ts
Normal file
@@ -0,0 +1,2 @@
|
||||
export const PROJECT_NAME = "Cloudsaver";
|
||||
export const PROJECT_GITHUB = "https://github.com/jiangrui1994/cloudsaver";
|
||||
@@ -3,6 +3,7 @@ import { createPinia } from "pinia";
|
||||
import ElementPlus from "element-plus";
|
||||
import "element-plus/dist/index.css";
|
||||
import * as ElementPlusIconsVue from "@element-plus/icons-vue";
|
||||
import zhCn from "element-plus/es/locale/lang/zh-cn";
|
||||
import { isMobileDevice } from "@/utils/index";
|
||||
import App from "./App.vue";
|
||||
import { Lazyload } from "vant";
|
||||
@@ -22,7 +23,9 @@ for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
||||
app.use(createPinia());
|
||||
app.use(Lazyload);
|
||||
app.use(router);
|
||||
app.use(ElementPlus);
|
||||
app.use(ElementPlus, {
|
||||
locale: zhCn,
|
||||
});
|
||||
|
||||
app.mount("#app");
|
||||
|
||||
|
||||
@@ -21,6 +21,11 @@ const routes: RouteRecordRaw[] = [
|
||||
name: "setting",
|
||||
component: () => import("@/views/mobile/Setting.vue"),
|
||||
},
|
||||
{
|
||||
path: "/thanks",
|
||||
name: "thanks",
|
||||
redirect: "/resource",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
@@ -21,6 +21,11 @@ const routes: RouteRecordRaw[] = [
|
||||
name: "setting",
|
||||
component: () => import("@/views/Setting.vue"),
|
||||
},
|
||||
{
|
||||
path: "/thanks",
|
||||
name: "thanks",
|
||||
component: () => import("@/views/Thanks.vue"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
@@ -5,10 +5,11 @@ import { quarkApi } from "@/api/quark";
|
||||
import type {
|
||||
Resource,
|
||||
ShareInfoResponse,
|
||||
Save115FileParams,
|
||||
SaveQuarkFileParams,
|
||||
ShareInfo,
|
||||
ResourceItem,
|
||||
GetShareInfoParams,
|
||||
SaveFileParams,
|
||||
ShareFileInfoAndFolder,
|
||||
} from "@/types";
|
||||
import { ElMessage } from "element-plus";
|
||||
|
||||
@@ -24,46 +25,40 @@ const lastResource = (
|
||||
) as StorageListObject;
|
||||
|
||||
// 定义云盘驱动配置类型
|
||||
interface CloudDriveConfig<
|
||||
T extends Record<string, string>,
|
||||
P extends Save115FileParams | SaveQuarkFileParams,
|
||||
> {
|
||||
interface CloudDriveConfig {
|
||||
name: string;
|
||||
type: string;
|
||||
regex: RegExp;
|
||||
api: {
|
||||
getShareInfo: (parsedCode: T) => Promise<ShareInfoResponse>;
|
||||
saveFile: (params: P) => Promise<{ code: number; message?: string }>;
|
||||
getShareInfo: (params: GetShareInfoParams) => Promise<ShareInfoResponse>;
|
||||
saveFile: (params: SaveFileParams) => Promise<{ code: number; message?: string }>;
|
||||
};
|
||||
parseShareCode: (match: RegExpMatchArray) => T;
|
||||
getSaveParams: (shareInfo: ShareInfoResponse, folderId: string) => P;
|
||||
parseShareCode: (match: RegExpMatchArray) => GetShareInfoParams;
|
||||
getSaveParams: (shareInfoAndFolder: ShareFileInfoAndFolder) => SaveFileParams;
|
||||
}
|
||||
|
||||
// 云盘类型配置
|
||||
export const CLOUD_DRIVES: [
|
||||
CloudDriveConfig<{ shareCode: string; receiveCode: string }, Save115FileParams>,
|
||||
CloudDriveConfig<{ pwdId: string }, SaveQuarkFileParams>,
|
||||
] = [
|
||||
export const CLOUD_DRIVES: CloudDriveConfig[] = [
|
||||
{
|
||||
name: "115网盘",
|
||||
type: "pan115",
|
||||
regex: /(?:115|anxia|115cdn)\.com\/s\/([^?]+)(?:\?password=([^&#]+))?/,
|
||||
api: {
|
||||
getShareInfo: (parsedCode: { shareCode: string; receiveCode: string }) =>
|
||||
cloud115Api.getShareInfo(parsedCode.shareCode, parsedCode.receiveCode),
|
||||
saveFile: async (params: Save115FileParams) => {
|
||||
return await cloud115Api.saveFile(params as Save115FileParams);
|
||||
getShareInfo: (params: GetShareInfoParams) => cloud115Api.getShareInfo(params),
|
||||
saveFile: async (params: SaveFileParams) => {
|
||||
return await cloud115Api.saveFile(params);
|
||||
},
|
||||
},
|
||||
parseShareCode: (match: RegExpMatchArray) => ({
|
||||
shareCode: match[1],
|
||||
receiveCode: match[2] || "",
|
||||
}),
|
||||
getSaveParams: (shareInfo: ShareInfoResponse, folderId: string) => ({
|
||||
shareCode: shareInfo.shareCode || "",
|
||||
receiveCode: shareInfo.receiveCode || "",
|
||||
fileId: shareInfo.list[0].fileId,
|
||||
folderId,
|
||||
getSaveParams: (shareInfoAndFolder: ShareFileInfoAndFolder) => ({
|
||||
shareCode: shareInfoAndFolder.shareCode || "",
|
||||
receiveCode: shareInfoAndFolder.receiveCode || "",
|
||||
fileId: shareInfoAndFolder.shareInfo.list[0].fileId,
|
||||
folderId: shareInfoAndFolder.folderId,
|
||||
fids: shareInfoAndFolder.shareInfo.list.map((item: { fileId?: string }) => item.fileId || ""),
|
||||
}),
|
||||
},
|
||||
{
|
||||
@@ -71,22 +66,20 @@ export const CLOUD_DRIVES: [
|
||||
type: "quark",
|
||||
regex: /pan\.quark\.cn\/s\/([a-zA-Z0-9]+)/,
|
||||
api: {
|
||||
getShareInfo: (parsedCode: { pwdId: string }) => quarkApi.getShareInfo(parsedCode.pwdId),
|
||||
saveFile: async (params: SaveQuarkFileParams) => {
|
||||
return await quarkApi.saveFile(params as SaveQuarkFileParams);
|
||||
getShareInfo: (params) => quarkApi.getShareInfo(params),
|
||||
saveFile: async (params: SaveFileParams) => {
|
||||
return await quarkApi.saveFile(params);
|
||||
},
|
||||
},
|
||||
parseShareCode: (match: RegExpMatchArray) => ({ pwdId: match[1] }),
|
||||
getSaveParams: (shareInfo: ShareInfoResponse, folderId: string) => ({
|
||||
fid_list: shareInfo.list.map((item: { fileId?: string }) => item.fileId || ""),
|
||||
fid_token_list: shareInfo.list.map(
|
||||
parseShareCode: (match: RegExpMatchArray) => ({ shareCode: match[1] }),
|
||||
getSaveParams: (shareInfoAndFolder: ShareFileInfoAndFolder) => ({
|
||||
fids: shareInfoAndFolder.shareInfo.list.map((item: { fileId?: string }) => item.fileId || ""),
|
||||
fidTokens: shareInfoAndFolder.shareInfo.list.map(
|
||||
(item: { fileIdToken?: string }) => item.fileIdToken || ""
|
||||
),
|
||||
to_pdir_fid: folderId,
|
||||
pwd_id: shareInfo.pwdId || "",
|
||||
stoken: shareInfo.stoken || "",
|
||||
pdir_fid: "0",
|
||||
scene: "link",
|
||||
folderId: shareInfoAndFolder.folderId,
|
||||
shareCode: shareInfoAndFolder.shareInfo.pwdId || "",
|
||||
receiveCode: shareInfoAndFolder.shareInfo.stoken || "",
|
||||
}),
|
||||
},
|
||||
];
|
||||
@@ -100,12 +93,12 @@ export const useResourceStore = defineStore("resource", {
|
||||
pan115: "danger",
|
||||
quark: "success",
|
||||
},
|
||||
keyword: "",
|
||||
resources: lastResource.list,
|
||||
lastUpdateTime: lastResource.lastUpdateTime || "",
|
||||
shareInfo: {} as ShareInfoResponse,
|
||||
resourceSelect: [] as ShareInfo[],
|
||||
loading: false,
|
||||
lastKeyWord: "",
|
||||
backupPlan: false,
|
||||
loadTree: false,
|
||||
}),
|
||||
@@ -123,36 +116,54 @@ export const useResourceStore = defineStore("resource", {
|
||||
if (isLoadMore) {
|
||||
const list = this.resources.find((x) => x.id === channelId)?.list || [];
|
||||
lastMessageId = list[list.length - 1].messageId || "";
|
||||
if (list[list.length - 1].isLastMessage) {
|
||||
ElMessage.warning("没有更多了~");
|
||||
return;
|
||||
}
|
||||
if (!lastMessageId) {
|
||||
ElMessage.error("当次搜索源不支持加载更多");
|
||||
return;
|
||||
}
|
||||
keyword = this.lastKeyWord;
|
||||
keyword = this.keyword;
|
||||
}
|
||||
let { data = [] } = await resourceApi.search(keyword || "", channelId, lastMessageId);
|
||||
data = data.filter((item) => item.list.length > 0);
|
||||
this.lastKeyWord = keyword || "";
|
||||
this.keyword = keyword || "";
|
||||
data = data
|
||||
.filter((item) => item.list.length > 0)
|
||||
.map((x) => ({
|
||||
...x,
|
||||
list: x.list.map((item) => ({
|
||||
...item,
|
||||
isSupportSave: CLOUD_DRIVES.some((drive) => drive.regex.test(item.cloudLinks[0])),
|
||||
})),
|
||||
}));
|
||||
console.log(data);
|
||||
if (isLoadMore) {
|
||||
const findedIndex = this.resources.findIndex((item) => item.id === data[0]?.id);
|
||||
if (findedIndex !== -1) {
|
||||
this.resources[findedIndex].list.push(...data[0].list);
|
||||
}
|
||||
if (data.length === 0) {
|
||||
const list = this.resources.find((item) => item.id === channelId)?.list;
|
||||
list && list[list.length - 1] && (list[list.length - 1]!.isLastMessage = true);
|
||||
ElMessage.warning("没有更多了~");
|
||||
}
|
||||
} else {
|
||||
this.resources = data.map((item) => ({ ...item, displayList: true }));
|
||||
this.resources = data.map((item, index) => ({ ...item, displayList: index === 0 }));
|
||||
if (!keyword) {
|
||||
// 获取当前时间字符串 用于存储到本地
|
||||
this.lastUpdateTime = new Date().toLocaleString();
|
||||
localStorage.setItem(
|
||||
"last_resource_list",
|
||||
JSON.stringify({ list: this.resources, lastUpdateTime: this.lastUpdateTime })
|
||||
);
|
||||
}
|
||||
if (this.resources.length === 0) {
|
||||
ElMessage.warning("未搜索到相关资源");
|
||||
}
|
||||
}
|
||||
// 获取当前时间字符串 用于存储到本地
|
||||
this.lastUpdateTime = new Date().toLocaleString();
|
||||
localStorage.setItem(
|
||||
"last_resource_list",
|
||||
JSON.stringify({ list: this.resources, lastUpdateTime: this.lastUpdateTime })
|
||||
);
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
this.handleError("搜索失败,请重试", null);
|
||||
} finally {
|
||||
this.loading = false;
|
||||
@@ -179,39 +190,32 @@ export const useResourceStore = defineStore("resource", {
|
||||
async saveResourceToDrive(
|
||||
resource: ResourceItem,
|
||||
folderId: string,
|
||||
drive:
|
||||
| CloudDriveConfig<{ shareCode: string; receiveCode: string }, Save115FileParams>
|
||||
| CloudDriveConfig<{ pwdId: string }, SaveQuarkFileParams>
|
||||
drive: CloudDriveConfig
|
||||
): Promise<void> {
|
||||
const link = resource.cloudLinks.find((link) => drive.regex.test(link));
|
||||
if (!link) return;
|
||||
|
||||
const match = link.match(drive.regex);
|
||||
if (!match) throw new Error("链接解析失败");
|
||||
const parsedCode = drive.parseShareCode(match);
|
||||
|
||||
const shareInfo = {
|
||||
...this.shareInfo,
|
||||
list: this.resourceSelect.filter((x) => x.isChecked),
|
||||
};
|
||||
console.log(shareInfo);
|
||||
|
||||
if (this.is115Drive(drive)) {
|
||||
const params = drive.getSaveParams(shareInfo, folderId);
|
||||
const result = await drive.api.saveFile(params);
|
||||
const params = drive.getSaveParams({
|
||||
shareInfo,
|
||||
...parsedCode,
|
||||
folderId,
|
||||
});
|
||||
const result = await drive.api.saveFile(params);
|
||||
|
||||
if (result.code === 0) {
|
||||
ElMessage.success(`${drive.name} 转存成功`);
|
||||
} else {
|
||||
ElMessage.error(result.message);
|
||||
}
|
||||
if (result.code === 0) {
|
||||
ElMessage.success(`${drive.name} 转存成功`);
|
||||
} else {
|
||||
const params = drive.getSaveParams(shareInfo, folderId);
|
||||
const result = await drive.api.saveFile(params);
|
||||
|
||||
if (result.code === 0) {
|
||||
ElMessage.success(`${drive.name} 转存成功`);
|
||||
} else {
|
||||
ElMessage.error(result.message);
|
||||
}
|
||||
ElMessage.error(result.message);
|
||||
}
|
||||
},
|
||||
|
||||
@@ -227,18 +231,7 @@ export const useResourceStore = defineStore("resource", {
|
||||
if (!match) throw new Error("链接解析失败");
|
||||
|
||||
const parsedCode = matchedDrive.parseShareCode(match);
|
||||
let shareInfo = this.is115Drive(matchedDrive)
|
||||
? await matchedDrive.api.getShareInfo(
|
||||
parsedCode as { shareCode: string; receiveCode: string }
|
||||
)
|
||||
: await matchedDrive.api.getShareInfo(parsedCode as { pwdId: string });
|
||||
|
||||
if (Array.isArray(shareInfo)) {
|
||||
shareInfo = {
|
||||
list: shareInfo,
|
||||
};
|
||||
}
|
||||
|
||||
const shareInfo = await matchedDrive.api.getShareInfo(parsedCode);
|
||||
if (shareInfo?.list?.length) {
|
||||
this.resources = [
|
||||
{
|
||||
@@ -257,6 +250,7 @@ export const useResourceStore = defineStore("resource", {
|
||||
cloudType: matchedDrive.type,
|
||||
channel: matchedDrive.name,
|
||||
pubDate: "",
|
||||
isSupportSave: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
@@ -286,30 +280,15 @@ export const useResourceStore = defineStore("resource", {
|
||||
if (!match) throw new Error("链接解析失败");
|
||||
|
||||
const parsedCode = drive.parseShareCode(match);
|
||||
let shareInfo = {} as ShareInfoResponse;
|
||||
this.setLoadTree(true);
|
||||
if (this.is115Drive(drive)) {
|
||||
shareInfo = await drive.api.getShareInfo(
|
||||
parsedCode as { shareCode: string; receiveCode: string }
|
||||
);
|
||||
} else {
|
||||
shareInfo = this.is115Drive(drive)
|
||||
? await drive.api.getShareInfo(parsedCode as { shareCode: string; receiveCode: string })
|
||||
: await drive.api.getShareInfo(parsedCode as { pwdId: string });
|
||||
}
|
||||
let shareInfo = await drive.api.getShareInfo(parsedCode);
|
||||
console.log(shareInfo);
|
||||
this.setLoadTree(false);
|
||||
if (shareInfo) {
|
||||
if (Array.isArray(shareInfo)) {
|
||||
shareInfo = {
|
||||
list: shareInfo,
|
||||
...parsedCode,
|
||||
};
|
||||
} else {
|
||||
shareInfo = {
|
||||
...shareInfo,
|
||||
...parsedCode,
|
||||
};
|
||||
}
|
||||
shareInfo = {
|
||||
...shareInfo,
|
||||
...parsedCode,
|
||||
};
|
||||
this.shareInfo = shareInfo;
|
||||
this.setSelectedResource(this.shareInfo.list.map((x) => ({ ...x, isChecked: true })));
|
||||
return true;
|
||||
@@ -324,13 +303,5 @@ export const useResourceStore = defineStore("resource", {
|
||||
console.error(message, error);
|
||||
ElMessage.error(error instanceof Error ? error.message : message);
|
||||
},
|
||||
|
||||
is115Drive(
|
||||
drive:
|
||||
| CloudDriveConfig<{ shareCode: string; receiveCode: string }, Save115FileParams>
|
||||
| CloudDriveConfig<{ pwdId: string }, SaveQuarkFileParams>
|
||||
): drive is CloudDriveConfig<{ shareCode: string; receiveCode: string }, Save115FileParams> {
|
||||
return drive.type === "pan115";
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
@@ -14,7 +14,8 @@ export const useUserSettingStore = defineStore("user", {
|
||||
cloud115Cookie: "",
|
||||
quarkCookie: "",
|
||||
},
|
||||
displayStyle: "card",
|
||||
displayStyle: (localStorage.getItem("display_style") as "table" | "card") || "card",
|
||||
imagesSource: (localStorage.getItem("images_source") as "proxy" | "local") || "proxy",
|
||||
}),
|
||||
|
||||
actions: {
|
||||
@@ -41,7 +42,14 @@ export const useUserSettingStore = defineStore("user", {
|
||||
|
||||
setDisplayStyle(style: "table" | "card") {
|
||||
this.displayStyle = style;
|
||||
ElMessage.success(`切换成功,当前为${style}模式`);
|
||||
localStorage.setItem("display_style", style);
|
||||
ElMessage.success(`切换成功,当前为${style === "table" ? "列表" : "卡片"}模式`);
|
||||
},
|
||||
|
||||
setImagesSource(source: "proxy" | "local") {
|
||||
this.imagesSource = source;
|
||||
localStorage.setItem("images_source", source);
|
||||
ElMessage.success(`切换成功,图片模式当前为${source === "proxy" ? "代理" : "直连"}模式`);
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
@@ -10,6 +10,8 @@ export interface ResourceItem {
|
||||
pubDate: string;
|
||||
cloudType: string;
|
||||
messageId?: string;
|
||||
isLastMessage?: boolean;
|
||||
isSupportSave?: boolean;
|
||||
}
|
||||
|
||||
export interface Resource {
|
||||
@@ -32,13 +34,25 @@ export interface ShareInfo {
|
||||
isChecked?: boolean;
|
||||
}
|
||||
|
||||
export interface ShareInfoItem {
|
||||
fileId: string;
|
||||
fileName: string;
|
||||
fileSize?: number;
|
||||
fileIdToken?: string;
|
||||
}
|
||||
|
||||
export interface ShareInfoResponse {
|
||||
list: ShareInfo[];
|
||||
list: ShareInfoItem[];
|
||||
fileSize?: number;
|
||||
pwdId?: string;
|
||||
stoken?: string;
|
||||
shareCode?: string;
|
||||
}
|
||||
|
||||
export interface ShareFileInfoAndFolder {
|
||||
shareInfo: ShareInfoResponse;
|
||||
folderId: string;
|
||||
shareCode: string;
|
||||
receiveCode?: string;
|
||||
fileSize?: number;
|
||||
}
|
||||
|
||||
export interface Folder {
|
||||
@@ -48,10 +62,16 @@ export interface Folder {
|
||||
}
|
||||
|
||||
export interface SaveFileParams {
|
||||
shareCode: string; // 分享code
|
||||
receiveCode?: string; // 分享文件的密码
|
||||
folderId: string; // 文件夹id
|
||||
fids: string[]; // 存储文件id
|
||||
fidTokens?: string[]; // 存储文件token
|
||||
}
|
||||
|
||||
export interface GetShareInfoParams {
|
||||
shareCode: string;
|
||||
receiveCode: string;
|
||||
fileId: string;
|
||||
folderId: string;
|
||||
receiveCode?: string;
|
||||
}
|
||||
|
||||
export interface ApiResponse<T = unknown> {
|
||||
|
||||
@@ -15,4 +15,5 @@ export interface UserSettingStore {
|
||||
globalSetting: GlobalSettingAttributes | null;
|
||||
userSettings: UserSettingAttributes;
|
||||
displayStyle: "table" | "card";
|
||||
imagesSource: "proxy" | "local";
|
||||
}
|
||||
|
||||
10
frontend/src/utils/image.ts
Normal file
@@ -0,0 +1,10 @@
|
||||
import { useUserSettingStore } from "@/stores/userSetting";
|
||||
import defaultImage from "@/assets/images/default.png";
|
||||
|
||||
export const getProxyImageUrl = (originalUrl: string): string => {
|
||||
const userStore = useUserSettingStore();
|
||||
if (!originalUrl) return defaultImage;
|
||||
return userStore.imagesSource === "proxy"
|
||||
? `/tele-images/?url=${encodeURIComponent(originalUrl)}`
|
||||
: originalUrl;
|
||||
};
|
||||
@@ -13,6 +13,25 @@
|
||||
</div>
|
||||
|
||||
<div class="header__right">
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
:content="
|
||||
userStore.imagesSource === 'local' ? '图片切换到代理模式' : '图片切换到直连模式'
|
||||
"
|
||||
placement="bottom"
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
class="view-toggle"
|
||||
@click="
|
||||
userStore.setImagesSource(userStore.imagesSource === 'proxy' ? 'local' : 'proxy')
|
||||
"
|
||||
>
|
||||
<el-icon>
|
||||
<component :is="userStore.imagesSource === 'proxy' ? 'Guide' : 'Location'" />
|
||||
</el-icon>
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip
|
||||
effect="dark"
|
||||
:content="userStore.displayStyle === 'card' ? '切换到列表视图' : '切换到卡片视图'"
|
||||
@@ -32,11 +51,12 @@
|
||||
</div>
|
||||
|
||||
<!-- 资源列表 -->
|
||||
<div ref="contentRef" class="pc-resources__content">
|
||||
<div id="pc-resources-content" ref="contentRef" class="pc-resources__content">
|
||||
<component
|
||||
:is="userStore.displayStyle === 'table' ? ResourceTable : ResourceCard"
|
||||
v-if="resourceStore.resources.length > 0"
|
||||
@load-more="handleLoadMore"
|
||||
@jump="handleJump"
|
||||
@search-moviefor-tag="searchMovieforTag"
|
||||
@save="handleSave"
|
||||
/>
|
||||
@@ -142,7 +162,7 @@ import ResourceSelect from "@/components/Home/ResourceSelect.vue";
|
||||
import ResourceTable from "@/components/Home/ResourceTable.vue";
|
||||
import { formattedFileSize } from "@/utils/index";
|
||||
import type { ResourceItem, TagColor } from "@/types";
|
||||
|
||||
import { onMounted, onBeforeUnmount } from "vue";
|
||||
import ResourceCard from "@/components/Home/ResourceCard.vue";
|
||||
import { useRouter } from "vue-router";
|
||||
import { ElMessage } from "element-plus";
|
||||
@@ -211,9 +231,25 @@ const handleLoadMore = (channelId: string) => {
|
||||
resourceStore.searchResources("", true, channelId);
|
||||
};
|
||||
|
||||
const searchMovieforTag = (tag: string) => {
|
||||
router.push({ path: "/", query: { keyword: tag } });
|
||||
const handleJump = (resource: ResourceItem) => {
|
||||
window.open(resource.cloudLinks[0], "_blank");
|
||||
};
|
||||
|
||||
const searchMovieforTag = (tag: string) => {
|
||||
router.push({ path: "/resource", query: { keyword: tag } });
|
||||
};
|
||||
// 页面进入 设置缓存的数据源
|
||||
onMounted(() => {
|
||||
const lastResourceList = localStorage.getItem("last_resource_list");
|
||||
if (lastResourceList) {
|
||||
resourceStore.resources = JSON.parse(lastResourceList).list;
|
||||
}
|
||||
});
|
||||
|
||||
// 页面销毁 清除搜索词
|
||||
onBeforeUnmount(() => {
|
||||
resourceStore.keyword = "";
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
829
frontend/src/views/Thanks.vue
Normal file
@@ -0,0 +1,829 @@
|
||||
<template>
|
||||
<div ref="containerRef" class="thanks-container">
|
||||
<div ref="titleRef" class="title">感谢Ta们对项目的赞赏</div>
|
||||
|
||||
<!-- 添加说明文字 -->
|
||||
<div class="description">
|
||||
<p>感谢每一位支持者的信任与鼓励</p>
|
||||
<p>正是你们的支持让这个项目能够持续发展</p>
|
||||
</div>
|
||||
|
||||
<div ref="sponsorsContainer" class="sponsors-container">
|
||||
<div
|
||||
v-for="(sponsor, index) in randomizedSponsors"
|
||||
:key="sponsor.name"
|
||||
ref="avatarRefs"
|
||||
class="sponsor-avatar"
|
||||
@mouseenter="handleMouseEnter(index)"
|
||||
@mouseleave="handleMouseLeave"
|
||||
>
|
||||
<div
|
||||
ref="avatarWrapperRefs"
|
||||
class="avatar-wrapper"
|
||||
:class="{
|
||||
active: activeIndex === index,
|
||||
'has-link': sponsor.link,
|
||||
}"
|
||||
@click="handleAvatarClick(sponsor.link)"
|
||||
>
|
||||
<div class="avatar-inner">
|
||||
<div class="avatar-overlay"></div>
|
||||
<img :src="sponsor.avatar" :alt="sponsor.name" class="avatar-img" />
|
||||
<div class="name-tag">
|
||||
{{ sponsor.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="activeIndex === index && sponsor.message" class="dialog-box">
|
||||
<div class="dialog-content">
|
||||
<div :id="`typeIt-${index}`" class="type-it-container"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 添加赞赏按钮 -->
|
||||
<a
|
||||
:href="PROJECT_GITHUB + '?tab=readme-ov-file#支持项目'"
|
||||
target="_blank"
|
||||
class="sponsor-button"
|
||||
@mouseenter="handleButtonHover"
|
||||
@mouseleave="handleButtonLeave"
|
||||
>
|
||||
<div class="button-content">
|
||||
<svg class="heart-icon" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"
|
||||
/>
|
||||
</svg>
|
||||
<span>赞赏支持</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, nextTick, computed, onBeforeUnmount } from "vue";
|
||||
import TypeIt from "typeit";
|
||||
import { userApi } from "@/api/user";
|
||||
import gsap from "gsap";
|
||||
import { PROJECT_GITHUB } from "@/constants/project";
|
||||
// 赞助者数据
|
||||
const sponsors = ref([]);
|
||||
|
||||
const getSponsors = async () => {
|
||||
const res = await userApi.getSponsors();
|
||||
sponsors.value = res.data;
|
||||
};
|
||||
|
||||
// 随机排序赞助者
|
||||
const randomizedSponsors = computed(() => {
|
||||
// 有sort的按照sort排序并排在前面,没有的按照随机排序
|
||||
const sortedSponsors = [...sponsors.value]
|
||||
.filter((item) => item.sort)
|
||||
.sort((a, b) => a.sort - b.sort);
|
||||
const randomSponsors = [...sponsors.value]
|
||||
.filter((item) => !item.sort)
|
||||
.sort(() => Math.random() - 0.5);
|
||||
return [...sortedSponsors, ...randomSponsors];
|
||||
});
|
||||
|
||||
const containerRef = ref(null);
|
||||
const sponsorsContainer = ref(null);
|
||||
const activeIndex = ref(null);
|
||||
const avatarRefs = ref([]);
|
||||
const avatarWrapperRefs = ref([]);
|
||||
let typeItInstance = null;
|
||||
const activeCenter = ref({ x: 0, y: 0 });
|
||||
const titleRef = ref(null);
|
||||
|
||||
// 添加头像动画时间轴的引用
|
||||
const avatarTimelines = ref([]);
|
||||
|
||||
// 使用 requestAnimationFrame 优化动画更新
|
||||
let rafId = null;
|
||||
|
||||
// 添加一个变量来跟踪当前激活的头像
|
||||
let currentHoverIndex = null;
|
||||
|
||||
onMounted(async () => {
|
||||
await getSponsors();
|
||||
|
||||
// 修改页面入场动画
|
||||
const tl = gsap.timeline({
|
||||
defaults: { ease: "power3.out" },
|
||||
});
|
||||
|
||||
// 同时执行所有元素的动画
|
||||
tl.from([titleRef.value, sponsorsContainer.value, ...avatarWrapperRefs.value], {
|
||||
y: -20,
|
||||
opacity: 0,
|
||||
duration: 0.6,
|
||||
stagger: {
|
||||
amount: 0.3,
|
||||
from: "start",
|
||||
},
|
||||
ease: "back.out(1.2)",
|
||||
});
|
||||
|
||||
// 添加可见性变化监听
|
||||
document.addEventListener("visibilitychange", handleVisibilityChange);
|
||||
|
||||
// 添加窗口失焦事件处理
|
||||
window.addEventListener("blur", handleMouseLeave);
|
||||
});
|
||||
|
||||
// 修改 handleVisibilityChange 函数
|
||||
const handleVisibilityChange = () => {
|
||||
if (document.hidden) {
|
||||
// 页面不可见时清理资源
|
||||
if (typeItInstance) {
|
||||
typeItInstance.destroy();
|
||||
typeItInstance = null;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// 修改鼠标移入处理函数
|
||||
const handleMouseEnter = (() => {
|
||||
let timeout;
|
||||
return async (index) => {
|
||||
if (timeout) {
|
||||
clearTimeout(timeout);
|
||||
}
|
||||
currentHoverIndex = index;
|
||||
activeIndex.value = index;
|
||||
|
||||
timeout = setTimeout(async () => {
|
||||
// 确保这是最新的hover状态
|
||||
if (currentHoverIndex !== index) return;
|
||||
|
||||
const activeAvatar = avatarWrapperRefs.value[index];
|
||||
if (activeAvatar) {
|
||||
const rect = activeAvatar.getBoundingClientRect();
|
||||
activeCenter.value = {
|
||||
x: rect.left + rect.width / 2,
|
||||
y: rect.top + rect.height / 2,
|
||||
};
|
||||
}
|
||||
|
||||
// 暂停所有浮动动画
|
||||
avatarTimelines.value.forEach((timeline) => {
|
||||
if (timeline) {
|
||||
timeline.pause();
|
||||
}
|
||||
});
|
||||
|
||||
updateAvatarsEffect(index);
|
||||
|
||||
await nextTick();
|
||||
|
||||
try {
|
||||
// 初始化打字效果
|
||||
if (typeItInstance) {
|
||||
typeItInstance.destroy();
|
||||
typeItInstance = null;
|
||||
}
|
||||
|
||||
const typeItElement = document.getElementById(`typeIt-${index}`);
|
||||
if (typeItElement) {
|
||||
typeItInstance = new TypeIt(typeItElement, {
|
||||
strings: randomizedSponsors.value[index].message,
|
||||
speed: 20,
|
||||
waitUntilVisible: true,
|
||||
}).go();
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("TypeIt初始化错误:", error);
|
||||
}
|
||||
}, 16);
|
||||
};
|
||||
})();
|
||||
|
||||
// 更新所有头像效果
|
||||
const updateAvatarsEffect = (activeIndex) => {
|
||||
if (!avatarWrapperRefs.value || activeCenter.value.x === 0) return;
|
||||
|
||||
if (rafId) {
|
||||
cancelAnimationFrame(rafId);
|
||||
}
|
||||
|
||||
rafId = requestAnimationFrame(() => {
|
||||
avatarWrapperRefs.value.forEach((wrapper, index) => {
|
||||
const inner = wrapper.querySelector(".avatar-inner");
|
||||
const avatarContainer = wrapper.closest(".sponsor-avatar");
|
||||
|
||||
if (index === activeIndex) {
|
||||
gsap.to(inner, {
|
||||
scale: 1.2,
|
||||
y: -15,
|
||||
zIndex: 10,
|
||||
duration: 0.2,
|
||||
ease: "back.out(1.5)",
|
||||
force3D: true,
|
||||
});
|
||||
|
||||
gsap.to(avatarContainer, {
|
||||
filter: "drop-shadow(0 20px 30px rgba(0, 0, 0, 0.25))",
|
||||
duration: 0.2,
|
||||
});
|
||||
|
||||
const activeOverlay = wrapper.querySelector(".avatar-overlay");
|
||||
gsap.to(activeOverlay, {
|
||||
opacity: 0,
|
||||
duration: 0.15,
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
const rect = wrapper.getBoundingClientRect();
|
||||
const centerX = rect.left + rect.width / 2;
|
||||
const centerY = rect.top + rect.height / 2;
|
||||
const deltaX = activeCenter.value.x - centerX;
|
||||
const deltaY = activeCenter.value.y - centerY;
|
||||
const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
|
||||
|
||||
if (distance < 0.1) return;
|
||||
|
||||
const maxDistance = 400;
|
||||
const strength = Math.max(0, 1 - distance / maxDistance);
|
||||
|
||||
// 计算吸引力效果
|
||||
const attractionStrength = Math.pow(strength, 1.5);
|
||||
const moveX = (deltaX / distance) * 30 * attractionStrength;
|
||||
const moveY = (deltaY / distance) * 30 * attractionStrength;
|
||||
|
||||
// 计算旋转角度
|
||||
const rotateX = -Math.atan2(deltaY, distance) * (180 / Math.PI) * strength;
|
||||
const rotateY = Math.atan2(deltaX, distance) * (180 / Math.PI) * strength;
|
||||
|
||||
// 应用变换效果
|
||||
gsap.to(inner, {
|
||||
scale: 1 + 0.05 * strength,
|
||||
x: moveX,
|
||||
y: moveY,
|
||||
rotationX: rotateX,
|
||||
rotationY: rotateY,
|
||||
duration: 0.2,
|
||||
ease: "power2.out",
|
||||
force3D: true,
|
||||
});
|
||||
|
||||
// 更新阴影效果
|
||||
const shadowOffsetX = (deltaX / distance) * 15 * strength;
|
||||
const shadowOffsetY = Math.max(6, (deltaY / distance) * 20 * strength + 6);
|
||||
const shadowBlur = 12 + 18 * strength;
|
||||
const shadowOpacity = 0.15 + 0.1 * strength;
|
||||
|
||||
gsap.to(avatarContainer, {
|
||||
filter: `drop-shadow(${shadowOffsetX}px ${shadowOffsetY}px ${shadowBlur}px rgba(0, 0, 0, ${shadowOpacity}))`,
|
||||
duration: 0.2,
|
||||
});
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
// 修改鼠标移出处理函数
|
||||
const handleMouseLeave = () => {
|
||||
currentHoverIndex = null;
|
||||
activeIndex.value = null;
|
||||
activeCenter.value = { x: 0, y: 0 };
|
||||
|
||||
if (!avatarWrapperRefs.value) return;
|
||||
|
||||
avatarWrapperRefs.value.forEach((wrapper) => {
|
||||
const inner = wrapper.querySelector(".avatar-inner");
|
||||
if (inner) {
|
||||
gsap.killTweensOf(inner);
|
||||
|
||||
gsap.to(inner, {
|
||||
scale: 1,
|
||||
y: 0,
|
||||
x: 0,
|
||||
rotation: 0,
|
||||
rotationX: 0,
|
||||
rotationY: 0,
|
||||
duration: 0.2,
|
||||
ease: "power2.out",
|
||||
});
|
||||
}
|
||||
|
||||
const avatarContainer = wrapper.closest(".sponsor-avatar");
|
||||
if (avatarContainer) {
|
||||
gsap.killTweensOf(avatarContainer);
|
||||
|
||||
gsap.to(avatarContainer, {
|
||||
filter: "drop-shadow(0 6px 12px rgba(0, 0, 0, 0.15))",
|
||||
duration: 0.2,
|
||||
});
|
||||
}
|
||||
|
||||
const overlayElement = wrapper.querySelector(".avatar-overlay");
|
||||
if (overlayElement) {
|
||||
gsap.to(overlayElement, {
|
||||
opacity: 1,
|
||||
duration: 0.15,
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
if (typeItInstance) {
|
||||
typeItInstance.destroy();
|
||||
typeItInstance = null;
|
||||
}
|
||||
};
|
||||
|
||||
// 添加点击处理函数
|
||||
const handleAvatarClick = (link) => {
|
||||
if (link) {
|
||||
window.open(link, "_blank");
|
||||
}
|
||||
};
|
||||
|
||||
// 组件卸载时清理
|
||||
onBeforeUnmount(() => {
|
||||
window.removeEventListener("blur", handleMouseLeave);
|
||||
document.removeEventListener("visibilitychange", handleVisibilityChange);
|
||||
|
||||
// 清理打字实例
|
||||
if (typeItInstance) {
|
||||
typeItInstance.destroy();
|
||||
typeItInstance = null;
|
||||
}
|
||||
});
|
||||
|
||||
// 添加按钮悬浮效果
|
||||
const handleButtonHover = () => {
|
||||
gsap.to(".sponsor-button", {
|
||||
scale: 1.05,
|
||||
duration: 0.3,
|
||||
ease: "power2.out",
|
||||
});
|
||||
};
|
||||
|
||||
const handleButtonLeave = () => {
|
||||
gsap.to(".sponsor-button", {
|
||||
scale: 1,
|
||||
duration: 0.3,
|
||||
ease: "power2.out",
|
||||
});
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.thanks-container {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
height: calc(100vh - 100px);
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 40px 20px;
|
||||
background: linear-gradient(135deg, #f6f8fd 0%, #f1f4f9 100%);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
transform: translateZ(0);
|
||||
will-change: transform;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.gradient-circle {
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
filter: blur(40px);
|
||||
opacity: 0.5;
|
||||
will-change: transform;
|
||||
backface-visibility: hidden;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
.circle-1 {
|
||||
width: 600px;
|
||||
height: 600px;
|
||||
background: linear-gradient(45deg, rgba(142, 68, 173, 0.2), rgba(91, 177, 235, 0.2));
|
||||
top: -200px;
|
||||
left: -200px;
|
||||
}
|
||||
|
||||
.circle-2 {
|
||||
width: 500px;
|
||||
height: 500px;
|
||||
background: linear-gradient(45deg, rgba(91, 177, 235, 0.2), rgba(142, 68, 173, 0.2));
|
||||
bottom: -150px;
|
||||
right: -150px;
|
||||
}
|
||||
|
||||
.circle-3 {
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
background: linear-gradient(45deg, rgba(241, 196, 15, 0.1), rgba(142, 68, 173, 0.1));
|
||||
top: 40%;
|
||||
left: 30%;
|
||||
}
|
||||
|
||||
/* 装饰层 */
|
||||
.decoration-layer {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.floating-dot {
|
||||
position: absolute;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background: rgba(142, 68, 173, 0.2);
|
||||
border-radius: 50%;
|
||||
animation: floatingDot 8s ease-in-out infinite;
|
||||
animation-delay: var(--delay);
|
||||
will-change: transform;
|
||||
backface-visibility: hidden;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
@keyframes floatingDot {
|
||||
0%,
|
||||
100% {
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
25% {
|
||||
transform: translate(100px, 50px);
|
||||
}
|
||||
50% {
|
||||
transform: translate(50px, 100px);
|
||||
}
|
||||
75% {
|
||||
transform: translate(-50px, 50px);
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
margin-bottom: 20px;
|
||||
font-size: 50px;
|
||||
color: #2c3e50;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
background: linear-gradient(45deg, #8e44ad, #3498db);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
|
||||
letter-spacing: 1px;
|
||||
will-change: transform, opacity;
|
||||
backface-visibility: hidden;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
.sponsors-container {
|
||||
width: 70%;
|
||||
max-width: 1200px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
|
||||
grid-gap: 40px;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
will-change: transform, opacity;
|
||||
backface-visibility: hidden;
|
||||
transform: translateZ(0);
|
||||
opacity: 1; /* 确保容器默认可见 */
|
||||
}
|
||||
|
||||
.sponsor-avatar {
|
||||
position: relative;
|
||||
transform-style: preserve-3d;
|
||||
transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding-bottom: 20px;
|
||||
filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.15));
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.avatar-wrapper {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.avatar-inner {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
border-radius: 50%;
|
||||
border: 4px solid #ffffff;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
transition:
|
||||
transform 0.2s ease,
|
||||
filter 0.2s ease;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
isolation: isolate;
|
||||
transform-style: preserve-3d;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.avatar-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
background: linear-gradient(
|
||||
135deg,
|
||||
rgba(255, 255, 255, 0.2) 0%,
|
||||
rgba(255, 255, 255, 0) 50%,
|
||||
rgba(0, 0, 0, 0.1) 100%
|
||||
);
|
||||
opacity: 1;
|
||||
transition: all 0.3s ease;
|
||||
pointer-events: none;
|
||||
z-index: 3;
|
||||
mix-blend-mode: overlay; /* 添加混合模式增强效果 */
|
||||
}
|
||||
|
||||
.avatar-wrapper.active .avatar-inner {
|
||||
transform: scale(1.2) translateY(-10px);
|
||||
}
|
||||
|
||||
.avatar-wrapper.has-link {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.avatar-wrapper.has-link::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: -4px;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(45deg, #ff3366, #ff6b6b, #4ecdc4, #45b7d1, #96e6a1);
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
z-index: -1;
|
||||
filter: blur(8px);
|
||||
}
|
||||
|
||||
.avatar-wrapper.has-link:hover::before {
|
||||
opacity: 0.8;
|
||||
animation: borderGlow 2s linear infinite;
|
||||
}
|
||||
|
||||
.glow-effect {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
border-radius: 50%;
|
||||
background: transparent;
|
||||
border: 2px solid transparent;
|
||||
transition: all 0.3s ease;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.avatar-wrapper.has-link:hover .glow-effect {
|
||||
border-color: rgba(255, 255, 255, 0.5);
|
||||
box-shadow:
|
||||
0 0 20px rgba(255, 255, 255, 0.3),
|
||||
inset 0 0 20px rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
@keyframes borderGlow {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* 确保激活状态下的发光效果仍然可见 */
|
||||
.avatar-wrapper.active.has-link::before {
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.avatar-img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
object-fit: cover;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.dialog-box {
|
||||
position: absolute;
|
||||
top: -120px; /* 稍微上调对话框位置 */
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
backdrop-filter: blur(8px);
|
||||
padding: 16px 20px;
|
||||
border-radius: 16px;
|
||||
box-shadow:
|
||||
0 4px 24px -1px rgba(0, 0, 0, 0.1),
|
||||
0 2px 8px -1px rgba(0, 0, 0, 0.06),
|
||||
inset 0 0 0 1px rgba(255, 255, 255, 0.5),
|
||||
0 0 40px rgba(142, 68, 173, 0.05);
|
||||
min-width: 180px;
|
||||
z-index: 111;
|
||||
opacity: 0;
|
||||
animation: dialogFadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
||||
border: 1px solid rgba(0, 0, 0, 0.05);
|
||||
will-change: transform, opacity;
|
||||
backface-visibility: hidden;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
.dialog-content {
|
||||
position: relative;
|
||||
font-size: 15px;
|
||||
line-height: 1.6;
|
||||
color: #2c3e50;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
/* 修改引号装饰的样式 */
|
||||
.dialog-content::before,
|
||||
.dialog-content::after {
|
||||
content: '"';
|
||||
position: absolute;
|
||||
font-size: 28px;
|
||||
color: #8e44ad;
|
||||
opacity: 0.15;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.dialog-content::before {
|
||||
left: -15px;
|
||||
top: -12px;
|
||||
}
|
||||
|
||||
.dialog-content::after {
|
||||
right: -15px;
|
||||
bottom: -24px;
|
||||
}
|
||||
|
||||
/* 优化淡入动画,使其更加流畅 */
|
||||
@keyframes dialogFadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateX(-50%) translateY(10px) scale(0.98);
|
||||
filter: blur(1px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateX(-50%) translateY(0) scale(1);
|
||||
filter: blur(0);
|
||||
}
|
||||
}
|
||||
|
||||
/* 优化打字效果容器样式 */
|
||||
.type-it-container {
|
||||
min-height: 24px;
|
||||
padding: 4px 8px;
|
||||
position: relative;
|
||||
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
/* 添加打字光标样式 */
|
||||
.ti-cursor {
|
||||
color: #8e44ad;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.name-tag {
|
||||
position: absolute;
|
||||
bottom: -10px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
color: #2c3e50;
|
||||
opacity: 1;
|
||||
font-weight: 500;
|
||||
font-size: 12px;
|
||||
z-index: 20;
|
||||
background-color: #fff;
|
||||
border-radius: 15px;
|
||||
padding: 0px 10px;
|
||||
white-space: nowrap; /* 防止文字换行 */
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
/* 添加新的样式 */
|
||||
.description {
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
max-width: 600px;
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.description p {
|
||||
margin: 8px 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.bottom-text {
|
||||
text-align: center;
|
||||
margin-top: 60px;
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.bottom-text p {
|
||||
margin: 8px 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.sponsor-button {
|
||||
position: fixed;
|
||||
bottom: 40px;
|
||||
right: 40px;
|
||||
background: linear-gradient(45deg, #ff3366, #ff6b6b);
|
||||
color: white;
|
||||
padding: 12px 24px;
|
||||
border-radius: 30px;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
box-shadow:
|
||||
0 4px 15px rgba(255, 51, 102, 0.3),
|
||||
0 2px 8px rgba(255, 51, 102, 0.2);
|
||||
transition: all 0.3s ease;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.sponsor-button:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow:
|
||||
0 6px 20px rgba(255, 51, 102, 0.4),
|
||||
0 3px 10px rgba(255, 51, 102, 0.3);
|
||||
}
|
||||
|
||||
.button-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.heart-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
fill: currentColor;
|
||||
animation: heartBeat 1.2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes heartBeat {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
14% {
|
||||
transform: scale(1.3);
|
||||
}
|
||||
28% {
|
||||
transform: scale(1);
|
||||
}
|
||||
42% {
|
||||
transform: scale(1.3);
|
||||
}
|
||||
70% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
/* 添加响应式样式 */
|
||||
@media (max-width: 768px) {
|
||||
.sponsor-button {
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
padding: 10px 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.description,
|
||||
.bottom-text {
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 添加悬浮状态的阴影效果 */
|
||||
.sponsor-avatar:hover {
|
||||
filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.15));
|
||||
}
|
||||
|
||||
/* 修改激活状态的阴影效果 */
|
||||
.sponsor-avatar:has(.avatar-wrapper.active) {
|
||||
filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.2));
|
||||
}
|
||||
</style>
|
||||
@@ -81,10 +81,16 @@ watch(
|
||||
searchForm.value.keyword = keyword;
|
||||
handleSearch();
|
||||
} else {
|
||||
searchForm.value.keyword = "";
|
||||
searchForm.value.keyword = resourceStore.keyword;
|
||||
}
|
||||
}
|
||||
);
|
||||
watch(
|
||||
() => resourceStore.keyword,
|
||||
(newKeyword) => {
|
||||
searchForm.value.keyword = newKeyword;
|
||||
}
|
||||
);
|
||||
|
||||
// 方法定义
|
||||
const handleSearch = async () => {
|
||||
@@ -164,8 +170,6 @@ const handleLogout = () => {
|
||||
padding-bottom: 100px; // tabbar高度 + 底部安全区域
|
||||
box-sizing: border-box;
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
// 加载状态
|
||||
|
||||
@@ -11,64 +11,140 @@
|
||||
<h1 class="login__title">Cloud Saver</h1>
|
||||
</header>
|
||||
|
||||
<!-- 登录表单 -->
|
||||
<van-form class="login__form" @submit="handleSubmit">
|
||||
<van-cell-group inset class="login__form-group">
|
||||
<!-- 用户名输入框 -->
|
||||
<van-field
|
||||
v-model="formData.username"
|
||||
name="username"
|
||||
label="用户名"
|
||||
placeholder="请输入用户名"
|
||||
:rules="[{ required: true, message: '请填写用户名' }]"
|
||||
autocomplete="username"
|
||||
@keyup.enter="focusPassword"
|
||||
>
|
||||
<template #left-icon>
|
||||
<van-icon name="user-o" />
|
||||
</template>
|
||||
</van-field>
|
||||
<!-- 添加 Tab 切换 -->
|
||||
<van-tabs v-model:active="activeTab" class="login__tabs">
|
||||
<!-- 登录面板 -->
|
||||
<van-tab title="登录" name="login">
|
||||
<van-form class="login__form" @submit="handleLogin">
|
||||
<van-cell-group inset class="login__form-group">
|
||||
<!-- 用户名输入框 -->
|
||||
<van-field
|
||||
v-model="loginForm.username"
|
||||
name="username"
|
||||
label="用户名"
|
||||
placeholder="请输入用户名"
|
||||
:rules="[{ required: true, message: '请填写用户名' }]"
|
||||
autocomplete="username"
|
||||
@keyup.enter="focusLoginPassword"
|
||||
>
|
||||
<template #left-icon>
|
||||
<van-icon name="user-o" />
|
||||
</template>
|
||||
</van-field>
|
||||
|
||||
<!-- 密码输入框 -->
|
||||
<van-field
|
||||
ref="passwordRef"
|
||||
v-model="formData.password"
|
||||
type="password"
|
||||
name="password"
|
||||
label="密码"
|
||||
placeholder="请输入密码"
|
||||
:rules="[{ required: true, message: '请填写密码' }]"
|
||||
autocomplete="current-password"
|
||||
@keyup.enter="handleSubmit"
|
||||
>
|
||||
<template #left-icon>
|
||||
<van-icon name="lock" />
|
||||
</template>
|
||||
</van-field>
|
||||
<!-- 密码输入框 -->
|
||||
<van-field
|
||||
ref="loginPasswordRef"
|
||||
v-model="loginForm.password"
|
||||
type="password"
|
||||
name="password"
|
||||
label="密码"
|
||||
placeholder="请输入密码"
|
||||
:rules="[{ required: true, message: '请填写密码' }]"
|
||||
autocomplete="current-password"
|
||||
@keyup.enter="handleLogin"
|
||||
>
|
||||
<template #left-icon>
|
||||
<van-icon name="lock" />
|
||||
</template>
|
||||
</van-field>
|
||||
|
||||
<!-- 优化记住密码选项 -->
|
||||
<div class="login__remember">
|
||||
<van-checkbox v-model="rememberPassword" class="remember-checkbox">
|
||||
记住密码
|
||||
</van-checkbox>
|
||||
</div>
|
||||
</van-cell-group>
|
||||
<!-- 优化记住密码选项 -->
|
||||
<div class="login__remember">
|
||||
<van-checkbox v-model="rememberPassword" class="remember-checkbox">
|
||||
记住密码
|
||||
</van-checkbox>
|
||||
</div>
|
||||
</van-cell-group>
|
||||
|
||||
<!-- 登录按钮 -->
|
||||
<div class="login__submit">
|
||||
<van-button
|
||||
:loading="isLoading"
|
||||
:disabled="isLoading"
|
||||
round
|
||||
block
|
||||
type="primary"
|
||||
native-type="submit"
|
||||
class="login__button"
|
||||
>
|
||||
{{ isLoading ? "登录中..." : "登录" }}
|
||||
</van-button>
|
||||
</div>
|
||||
</van-form>
|
||||
<!-- 登录按钮 -->
|
||||
<div class="login__submit">
|
||||
<van-button
|
||||
:loading="isLoading"
|
||||
:disabled="isLoading"
|
||||
round
|
||||
block
|
||||
type="primary"
|
||||
native-type="submit"
|
||||
class="login__button"
|
||||
>
|
||||
{{ isLoading ? "登录中..." : "登录" }}
|
||||
</van-button>
|
||||
</div>
|
||||
</van-form>
|
||||
</van-tab>
|
||||
|
||||
<!-- 注册面板 -->
|
||||
<van-tab title="注册" name="register">
|
||||
<van-form class="login__form" @submit="handleRegister">
|
||||
<van-cell-group inset class="login__form-group">
|
||||
<van-field
|
||||
v-model="registerForm.username"
|
||||
name="username"
|
||||
label="用户名"
|
||||
placeholder="请输入用户名"
|
||||
:rules="usernameRules"
|
||||
>
|
||||
<template #left-icon>
|
||||
<van-icon name="user-o" />
|
||||
</template>
|
||||
</van-field>
|
||||
|
||||
<van-field
|
||||
v-model="registerForm.password"
|
||||
type="password"
|
||||
name="password"
|
||||
label="密码"
|
||||
placeholder="请输入密码"
|
||||
:rules="passwordRules"
|
||||
>
|
||||
<template #left-icon>
|
||||
<van-icon name="lock" />
|
||||
</template>
|
||||
</van-field>
|
||||
|
||||
<van-field
|
||||
v-model="registerForm.confirmPassword"
|
||||
type="password"
|
||||
name="confirmPassword"
|
||||
label="确认密码"
|
||||
placeholder="请确认密码"
|
||||
:rules="confirmPasswordRules"
|
||||
>
|
||||
<template #left-icon>
|
||||
<van-icon name="lock" />
|
||||
</template>
|
||||
</van-field>
|
||||
|
||||
<van-field
|
||||
v-model="registerForm.registerCode"
|
||||
name="registerCode"
|
||||
label="注册码"
|
||||
placeholder="请输入注册码"
|
||||
:rules="registerCodeRules"
|
||||
>
|
||||
<template #left-icon>
|
||||
<van-icon name="certificate" />
|
||||
</template>
|
||||
</van-field>
|
||||
</van-cell-group>
|
||||
|
||||
<div class="login__submit">
|
||||
<van-button
|
||||
:loading="isLoading"
|
||||
:disabled="isLoading"
|
||||
round
|
||||
block
|
||||
type="primary"
|
||||
native-type="submit"
|
||||
class="login__button"
|
||||
>
|
||||
{{ isLoading ? "注册中..." : "注册" }}
|
||||
</van-button>
|
||||
</div>
|
||||
</van-form>
|
||||
</van-tab>
|
||||
</van-tabs>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
@@ -77,7 +153,7 @@
|
||||
import { ref, onMounted } from "vue";
|
||||
import { useRouter } from "vue-router";
|
||||
import { showNotify } from "vant";
|
||||
import type { FieldInstance } from "vant";
|
||||
import type { FieldInstance, FieldRule } from "vant";
|
||||
import { userApi } from "@/api/user";
|
||||
import logo from "@/assets/images/logo.png";
|
||||
import { STORAGE_KEYS } from "@/constants/storage";
|
||||
@@ -88,21 +164,42 @@ interface LoginForm {
|
||||
password: string;
|
||||
}
|
||||
|
||||
interface RegisterForm {
|
||||
username: string;
|
||||
password: string;
|
||||
confirmPassword: string;
|
||||
registerCode: string;
|
||||
}
|
||||
|
||||
// 响应式数据
|
||||
const formData = ref<LoginForm>({
|
||||
const activeTab = ref("login");
|
||||
const isLoading = ref(false);
|
||||
const loginPasswordRef = ref<FieldInstance>();
|
||||
const rememberPassword = ref(false);
|
||||
|
||||
const loginForm = ref<LoginForm>({
|
||||
username: "",
|
||||
password: "",
|
||||
});
|
||||
const isLoading = ref(false);
|
||||
const passwordRef = ref<FieldInstance>();
|
||||
const rememberPassword = ref(false);
|
||||
|
||||
const registerForm = ref<RegisterForm>({
|
||||
username: "",
|
||||
password: "",
|
||||
confirmPassword: "",
|
||||
registerCode: "",
|
||||
});
|
||||
|
||||
// 工具函数
|
||||
const router = useRouter();
|
||||
|
||||
// 方法定义
|
||||
const focusPassword = () => {
|
||||
passwordRef.value?.focus();
|
||||
const focusLoginPassword = () => {
|
||||
loginPasswordRef.value?.focus();
|
||||
};
|
||||
|
||||
// 表单验证
|
||||
const validateConfirmPassword = (value: string) => {
|
||||
return value === registerForm.value.password;
|
||||
};
|
||||
|
||||
// 在组件加载时检查是否有保存的账号密码
|
||||
@@ -110,22 +207,22 @@ onMounted(() => {
|
||||
const savedUsername = localStorage.getItem(STORAGE_KEYS.USERNAME);
|
||||
const savedPassword = localStorage.getItem(STORAGE_KEYS.PASSWORD);
|
||||
if (savedUsername && savedPassword) {
|
||||
formData.value.username = savedUsername;
|
||||
formData.value.password = savedPassword;
|
||||
loginForm.value.username = savedUsername;
|
||||
loginForm.value.password = savedPassword;
|
||||
rememberPassword.value = true;
|
||||
}
|
||||
});
|
||||
|
||||
const handleSubmit = async () => {
|
||||
// 登录处理
|
||||
const handleLogin = async () => {
|
||||
try {
|
||||
isLoading.value = true;
|
||||
const res = await userApi.login(formData.value);
|
||||
const res = await userApi.login(loginForm.value);
|
||||
|
||||
if (res.code === 0) {
|
||||
// 处理记住密码
|
||||
if (rememberPassword.value) {
|
||||
localStorage.setItem(STORAGE_KEYS.USERNAME, formData.value.username);
|
||||
localStorage.setItem(STORAGE_KEYS.PASSWORD, formData.value.password);
|
||||
localStorage.setItem(STORAGE_KEYS.USERNAME, loginForm.value.username);
|
||||
localStorage.setItem(STORAGE_KEYS.PASSWORD, loginForm.value.password);
|
||||
} else {
|
||||
localStorage.removeItem(STORAGE_KEYS.USERNAME);
|
||||
localStorage.removeItem(STORAGE_KEYS.PASSWORD);
|
||||
@@ -134,22 +231,65 @@ const handleSubmit = async () => {
|
||||
localStorage.setItem(STORAGE_KEYS.TOKEN, res.data.token);
|
||||
await router.push("/");
|
||||
} else {
|
||||
showNotify({
|
||||
type: "danger",
|
||||
message: res.message || "登录失败",
|
||||
duration: 2000,
|
||||
});
|
||||
showNotify({ type: "danger", message: res.message || "登录失败" });
|
||||
}
|
||||
} catch (error) {
|
||||
showNotify({
|
||||
type: "danger",
|
||||
message: "登录失败",
|
||||
duration: 2000,
|
||||
});
|
||||
showNotify({ type: "danger", message: "登录失败" });
|
||||
} finally {
|
||||
isLoading.value = false;
|
||||
}
|
||||
};
|
||||
|
||||
// 注册处理
|
||||
const handleRegister = async () => {
|
||||
try {
|
||||
isLoading.value = true;
|
||||
const res = await userApi.register({
|
||||
username: registerForm.value.username,
|
||||
password: registerForm.value.password,
|
||||
registerCode: registerForm.value.registerCode,
|
||||
});
|
||||
|
||||
if (res.code === 0) {
|
||||
showNotify({ type: "success", message: "注册成功" });
|
||||
// 自动填充登录表单
|
||||
loginForm.value.username = registerForm.value.username;
|
||||
loginForm.value.password = registerForm.value.password;
|
||||
activeTab.value = "login";
|
||||
// 清空注册表单
|
||||
registerForm.value = {
|
||||
username: "",
|
||||
password: "",
|
||||
confirmPassword: "",
|
||||
registerCode: "",
|
||||
};
|
||||
} else {
|
||||
showNotify({ type: "danger", message: res.message || "注册失败" });
|
||||
}
|
||||
} catch (error) {
|
||||
showNotify({ type: "danger", message: "注册失败" });
|
||||
} finally {
|
||||
isLoading.value = false;
|
||||
}
|
||||
};
|
||||
|
||||
// 定义验证规则
|
||||
const usernameRules: FieldRule[] = [
|
||||
{ required: true, message: "请填写用户名" },
|
||||
{ pattern: /.{3,}/, message: "用户名至少3个字符" },
|
||||
];
|
||||
|
||||
const passwordRules: FieldRule[] = [
|
||||
{ required: true, message: "请填写密码" },
|
||||
{ pattern: /.{6,}/, message: "密码至少6个字符" },
|
||||
];
|
||||
|
||||
const confirmPasswordRules: FieldRule[] = [
|
||||
{ required: true, message: "请确认密码" },
|
||||
{ validator: validateConfirmPassword, message: "两次密码不一致" },
|
||||
];
|
||||
|
||||
const registerCodeRules: FieldRule[] = [{ required: true, message: "请填写注册码" }];
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@@ -164,8 +304,8 @@ const handleSubmit = async () => {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: url("@/assets/images/mobile-login-bg.png") no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-size: 100% auto;
|
||||
filter: blur(1px);
|
||||
}
|
||||
|
||||
// 主内容区
|
||||
@@ -207,6 +347,7 @@ const handleSubmit = async () => {
|
||||
// 表单
|
||||
&__form {
|
||||
padding: 0;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
&__form-group {
|
||||
@@ -231,6 +372,32 @@ const handleSubmit = async () => {
|
||||
padding: 12px 16px;
|
||||
border-top: 0.5px solid #f5f5f5;
|
||||
}
|
||||
|
||||
&__tabs {
|
||||
:deep() {
|
||||
.van-tabs__wrap {
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.van-tabs__nav {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.van-tab {
|
||||
color: var(--theme-color);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.van-tab--active {
|
||||
color: var(--theme-theme);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.van-tabs__line {
|
||||
background-color: var(--theme-theme);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Vant 组件样式优化
|
||||
|
||||
@@ -35,6 +35,7 @@
|
||||
<ResourceCard
|
||||
:current-channel-id="currentTab"
|
||||
@save="handleSave"
|
||||
@jump="handleJump"
|
||||
@search-moviefor-tag="searchMovieforTag"
|
||||
/>
|
||||
</van-tab>
|
||||
@@ -46,7 +47,7 @@
|
||||
round
|
||||
closeable
|
||||
position="bottom"
|
||||
:style="{ height: '80%' }"
|
||||
:style="{ height: '80%', transform: 'translateZ(1px)' }"
|
||||
class="save-popup"
|
||||
>
|
||||
<div class="save-popup__container">
|
||||
@@ -121,7 +122,7 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, watch, onMounted, onUnmounted, computed } from "vue";
|
||||
import { ref, watch, onMounted, onUnmounted, computed, onBeforeUnmount } from "vue";
|
||||
import { useRouter } from "vue-router";
|
||||
import { showToast } from "vant";
|
||||
import { useResourceStore } from "@/stores/resource";
|
||||
@@ -192,6 +193,10 @@ const handleSave = async (resource: ResourceItem) => {
|
||||
}
|
||||
};
|
||||
|
||||
const handleJump = (resource: ResourceItem) => {
|
||||
window.open(resource.cloudLinks[0], "_blank");
|
||||
};
|
||||
|
||||
const handleFolderSelect = (folders: Folder[] | null) => {
|
||||
if (!currentResource.value) return;
|
||||
currentFolderPath.value = folders;
|
||||
@@ -223,14 +228,14 @@ const searchMovieforTag = (tag: string) => {
|
||||
// 使用节流包装加载更多函数
|
||||
const throttledLoadMore = throttle((channelId: string) => {
|
||||
resourceStore.searchResources("", true, channelId);
|
||||
}, 200);
|
||||
}, 2000);
|
||||
|
||||
// 滚动加载
|
||||
const doScroll = () => {
|
||||
const appElement = document.querySelector("#app") as HTMLElement;
|
||||
if (appElement) {
|
||||
const { scrollHeight, scrollTop, clientHeight } = appElement;
|
||||
if (scrollHeight - (clientHeight + scrollTop) <= 200) {
|
||||
if (scrollHeight - (clientHeight + scrollTop) <= 1) {
|
||||
throttledLoadMore(currentTab.value);
|
||||
}
|
||||
}
|
||||
@@ -258,6 +263,18 @@ watch(currentTab, () => {
|
||||
appElement.scrollTo(0, 0);
|
||||
}
|
||||
});
|
||||
// 页面进入 设置缓存的数据源
|
||||
onMounted(() => {
|
||||
const lastResourceList = localStorage.getItem("last_resource_list");
|
||||
if (lastResourceList) {
|
||||
resourceStore.resources = JSON.parse(lastResourceList).list;
|
||||
}
|
||||
});
|
||||
|
||||
// 页面销毁 清除搜索词
|
||||
onBeforeUnmount(() => {
|
||||
resourceStore.keyword = "";
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@@ -338,6 +355,7 @@ watch(currentTab, () => {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-bottom: calc(env(safe-area-inset-bottom) + 50px);
|
||||
}
|
||||
|
||||
&__header {
|
||||
@@ -380,6 +398,7 @@ watch(currentTab, () => {
|
||||
padding: 12px 16px 16px;
|
||||
background: var(--theme-other_background);
|
||||
border-top: 0.5px solid var(--van-gray-3);
|
||||
padding-bottom: calc(16px + env(safe-area-inset-bottom));
|
||||
|
||||
.footer__path {
|
||||
margin: 0 0 12px;
|
||||
@@ -447,6 +466,10 @@ watch(currentTab, () => {
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.van-popup) {
|
||||
z-index: 2001 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// 全局样式优化
|
||||
|
||||
@@ -48,20 +48,35 @@
|
||||
<van-cell-group inset>
|
||||
<van-field
|
||||
v-model="localUserSettings.cloud115Cookie"
|
||||
:type="showCloud115Cookie ? 'text' : 'password'"
|
||||
label="115网盘"
|
||||
type="textarea"
|
||||
rows="2"
|
||||
autosize
|
||||
placeholder="请输入115网盘Cookie"
|
||||
/>
|
||||
>
|
||||
<template #right-icon>
|
||||
<van-icon
|
||||
:name="showCloud115Cookie ? 'eye-o' : 'closed-eye'"
|
||||
@click="showCloud115Cookie = !showCloud115Cookie"
|
||||
/>
|
||||
</template>
|
||||
</van-field>
|
||||
|
||||
<van-field
|
||||
v-model="localUserSettings.quarkCookie"
|
||||
:type="showQuarkCookie ? 'text' : 'password'"
|
||||
label="夸克网盘"
|
||||
type="textarea"
|
||||
rows="2"
|
||||
autosize
|
||||
placeholder="请输入夸克网盘Cookie"
|
||||
/>
|
||||
>
|
||||
<template #right-icon>
|
||||
<van-icon
|
||||
:name="showQuarkCookie ? 'eye-o' : 'closed-eye'"
|
||||
@click="showQuarkCookie = !showQuarkCookie"
|
||||
/>
|
||||
</template>
|
||||
</van-field>
|
||||
</van-cell-group>
|
||||
</div>
|
||||
|
||||
@@ -122,6 +137,10 @@ const localUserSettings = ref<UserSettingAttributes>({
|
||||
quarkCookie: "",
|
||||
});
|
||||
|
||||
// 添加显示/隐藏密码的状态
|
||||
const showCloud115Cookie = ref(false);
|
||||
const showQuarkCookie = ref(false);
|
||||
|
||||
// 监听 store 变化
|
||||
watch(
|
||||
() => settingStore.globalSetting,
|
||||
@@ -252,4 +271,15 @@ const handleProxyHostChange = (val: string) => {
|
||||
:deep(.van-cell-group--inset) {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
// 添加图标样式
|
||||
:deep(.van-field__right-icon) {
|
||||
padding: 0 8px;
|
||||
cursor: pointer;
|
||||
color: var(--theme-color);
|
||||
|
||||
.van-icon {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -5,12 +5,43 @@ import AutoImport from "unplugin-auto-import/vite";
|
||||
import Components from "unplugin-vue-components/vite";
|
||||
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
|
||||
import { VantResolver } from "@vant/auto-import-resolver";
|
||||
import { VitePWA } from "vite-plugin-pwa";
|
||||
import { resolve } from "path";
|
||||
|
||||
export default defineConfig({
|
||||
base: "/",
|
||||
plugins: [
|
||||
vue(),
|
||||
VitePWA({
|
||||
registerType: "autoUpdate",
|
||||
includeAssets: ["logo-1.png", "logo.svg"],
|
||||
injectRegister: "auto",
|
||||
workbox: {
|
||||
globPatterns: ["**/*.{js,css,html,png,svg}"],
|
||||
},
|
||||
manifest: {
|
||||
name: "CloudSaver",
|
||||
short_name: "CloudSaver",
|
||||
description: "网盘资源搜索工具",
|
||||
theme_color: "#ffffff",
|
||||
background_color: "#ffffff",
|
||||
display: "standalone",
|
||||
scope: "/",
|
||||
start_url: "/",
|
||||
icons: [
|
||||
{
|
||||
src: "logo-1.png",
|
||||
sizes: "192x192",
|
||||
type: "image/png",
|
||||
},
|
||||
{
|
||||
src: "logo.svg",
|
||||
sizes: "192x192",
|
||||
type: "image/svg+xml",
|
||||
},
|
||||
],
|
||||
},
|
||||
}),
|
||||
AutoImport({
|
||||
resolvers: [ElementPlusResolver(), VantResolver()],
|
||||
}),
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
# nginx.conf
|
||||
user nginx; # 定义 Nginx 进程的运行用户
|
||||
user root; # 定义 Nginx 进程的运行用户
|
||||
worker_processes 1; # 设置 Nginx 进程数
|
||||
|
||||
events {
|
||||
|
||||