Seafile 集成 BaseMetas Fileview：实现高性能全格式文件在线预览

# seahub_settings.py
ENABLE_OFFICE_WEB_APP = True
OFFICE_WEB_APP_BASE_URL = 'https://collabora.example.com/hosting/discovery'
OFFICE_WEB_APP_NAME = 'Collabora Online'
OFFICE_WEB_APP_FILE_EXTENSION = ('ods', 'xls', 'xlsb', 'xlsm', 'xlsx', 'ppsx', 'ppt', 'pptm', 'pptx', 'doc', 'docm', 'docx')

# seahub_settings.py
ENABLE_ONLYOFFICE = True
ONLYOFFICE_APIJS_URL = 'https://onlyoffice.example.com/web-apps/apps/api/documents/api.js'
ONLYOFFICE_FILE_EXTENSION = ('doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx', 'odt', 'fodt', 'odp', 'fodp', 'ods', 'fods')
ONLYOFFICE_EDIT_FILE_EXTENSION = ('docx', 'pptx', 'xlsx')
ONLYOFFICE_JWT_SECRET = 'your-secret-string'

docker run -itd \
    --name fileview \
    -p 9000:80 \
    --restart=always \
    basemetas/fileview:latest

services:
  # ... 已有的 Seafile 服务配置 ...

  fileview:
    image: basemetas/fileview:latest
    container_name: fileview
    ports:
      - "9000:80"
    restart: always
    networks:
      - seafile-net

server {
    listen 443 ssl;
    server_name seafile.example.com;

    # SSL 配置
    ssl_certificate /path/to/cert.pem;
    ssl_certificate_key /path/to/key.pem;

    # Seafile 主服务
    location / {
        proxy_pass http://seafile:80;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;

        # Seafile WebSocket 支持
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }

    # Fileview 预览服务
    location /fileview/ {
        proxy_pass http://fileview:80/;

        proxy_set_header X-Forwarded-Prefix /fileview;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header X-Forwarded-Port $server_port;
        proxy_set_header X-Forwarded-Host $host;
    }
}

# 获取文件下载链接
GET /api2/repos/{repo_id}/file/?p=/path/to/file.docx
Authorization: Token {api_token}

# 创建分享链接
POST /api/v2.1/share-links/
{
    "repo_id": "repo_id",
    "path": "/path/to/file.docx",
    "permissions": {"can_download": true}
}

// 获取 Seafile 文件下载链接
async function getFileDownloadUrl(repoId, filePath, token) {
    const response = await fetch(
        `https://seafile.example.com/api2/repos/${repoId}/file/?p=${encodeURIComponent(filePath)}`,
        { headers: { 'Authorization': `Token ${token}` } }
    );
    return await response.json(); // 返回下载 URL
}

// 构造 Fileview 预览地址
function buildPreviewUrl(downloadUrl, fileName) {
    const fileUrl = encodeURIComponent(downloadUrl);
    const name = encodeURIComponent(fileName);
    return `https://seafile.example.com/fileview/preview/view?url=${fileUrl}&fileName=${name}`;
}

// 使用示例
const downloadUrl = await getFileDownloadUrl('repo-id', '/Documents/report.docx', userToken);
const previewUrl = buildPreviewUrl(downloadUrl, 'report.docx');
window.open(previewUrl, '_blank');

import { Base64 } from "js-base64";

function buildPreviewUrlWithData(downloadUrl, fileName, displayName) {
    const opts = {
        url: downloadUrl,
        fileName: fileName,
        displayName: displayName || fileName
    };
    const base64Data = encodeURIComponent(Base64.encode(JSON.stringify(opts)));
    return `https://seafile.example.com/fileview/preview/view?data=${base64Data}`;
}

// 在 Seahub 的文件列表组件中，拦截文件点击事件
// 对于不支持内置预览的格式，跳转到 Fileview

const FILEVIEW_FORMATS = [
    // Office
    'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx',
    // CAD
    'dwg', 'dxf',
    // OFD
    'ofd',
    // Visio
    'vsd', 'vsdx',
    // 3D
    'gltf', 'glb', 'obj', 'stl', 'fbx',
    // 其他
    'xmind', 'bpmn', 'drawio', 'epub'
];

function handleFileClick(file, repoId) {
    const ext = file.name.split('.').pop().toLowerCase();
    
    if (FILEVIEW_FORMATS.includes(ext)) {
        // 使用 Fileview 预览
        openWithFileview(file, repoId);
    } else {
        // 使用 Seafile 内置预览
        openWithBuiltinViewer(file, repoId);
    }
}

async function openWithFileview(file, repoId) {
    const downloadUrl = await getFileDownloadUrl(repoId, file.path);
    const previewUrl = buildPreviewUrl(downloadUrl, file.name);
    // 使用嵌入模式
    window.open(previewUrl + '&mode=embed', '_blank');
}

fileview:
  network:
    security:
      trusted-sites: seafile.example.com
      untrusted-sites: ""

// 嵌入模式 - 去除菜单栏
const previewUrl = `https://seafile.example.com/fileview/preview/view?url=${fileUrl}&fileName=${fileName}&mode=embed`;

// 添加水印 - 防止截屏泄露
const previewUrl = `https://seafile.example.com/fileview/preview/view?url=${fileUrl}&fileName=${fileName}&watermark=${encodeURIComponent("机密文件")}`;