alist配合onlyoffice 实现在线预览

alist配合onlyoffice 实现在线预览

文章目录


一、安装onlyoffice

我是采用docker安装,采用的版本是7.2, aarch64 可以支持,端口号为 18081

bash 复制代码
docker run --restart=always --name onlyoffice \
    -p 18081:80 \
    -e JWT_ENABLED=false \
    -v /app/onlyoffice/DocumentServer/logs:/var/log/onlyoffice \
    -v /app/onlyoffice/DocumentServer/data:/var/www/onlyoffice/Data \
    -v /app/onlyoffice/DocumentServer/lib:/var/lib/onlyoffice \
    -v /app/onlyoffice/DocumentServer/db:/var/lib/postgresql \
    onlyoffice/documentserver:7.2

二、增加view.html文件

创建文件夹

bash 复制代码
mkdir -p /opt/onlyoffice
bash 复制代码
vim /opt/onlyoffice/view.html

注意:配置文件中的主机IP需要修改为自己机器的IP

bash 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>OnlyOffice Viewer</title>
</head>
 
<body>
    <div id="placeholder"></div>
    <script type="text/javascript" src="http://主机IP:18081/web-apps/apps/api/documents/api.js"></script>
    <script>
        function getQueryParamValue(name) {
            const searchParams = new URLSearchParams(window.location.search);
            return searchParams.get(name);
        }
 
        const url = decodeURIComponent(getQueryParamValue("src"));
        const fileName = url.substring(url.lastIndexOf('/') + 1, url.lastIndexOf('?') != -1 ? url.lastIndexOf('?') : url.length);
        const fileExtension = fileName.split('.').pop();
        const docEditor = new DocsAPI.DocEditor("placeholder", {
            "document": {
                "fileType": fileExtension,
                "permissions": {
                    "edit": false,
                    "comment": true,
                    "download": true,
                    "print": true,
                    "fillForms": true,
                },
                "title": fileName,
                "url": url,
            },
            "editorConfig": {
                "lang": "zh-CN",
                "mode": "view",
            },
            "height": "1080px",
            "type": "desktop",
        });
    </script>
</body>
</html>

三、安装nginx,并增加conf配置文件

bash 复制代码
sudo apt update
sudo apt install -y nginx

增加conf配置文件

vim /etc/nginx/conf.d/onlyoffice.conf

bash 复制代码
server {
    listen       18082;
    server_name  localhost;
 
    location / {
       root /opt/onlyoffice;  #这里修改为自己的view.html的目录
       index index.html index.htm;
    }
 
}

重启nginx

bash 复制代码
systemctl restart nginx 

查看nginx状态

bash 复制代码
systemctl status nginx 

四、alist预览配置增加

配置文件里面的主机IP,需要修改为安装onlyoffice 的ip

bash 复制代码
{
   "doc,docx,xls,xlsx,ppt,pptx": {
      "onlyoffice":"http://主机IP:18082/view.html?src=$e_url",
      "Microsoft":"https://view.officeapps.live.com/op/view.aspx?src=$e_url",
      "Google":"https://docs.google.com/gview?url=$e_url&embedded=true"
   },
   "pdf": {
      "onlyoffice":"http://主机IP:18082/view.html?src=$e_url",
      "PDF.js":"https://alist-org.github.io/pdf.js/web/viewer.html?file=$e_url"
   },
   "epub": {
      "EPUB.js":"https://alist-org.github.io/static/epub.js/viewer.html?url=$e_url"
   }
}
相关推荐
vvw&6 天前
如何在 Ubuntu 上安装 Jellyfin 媒体服务器
linux·运维·服务器·ubuntu·媒体·nas·jellyfin
acycwf7 天前
宝塔 docker 部署onlyoffice 服务
onlyoffice
檀越剑指大厂14 天前
群晖NAS本地部署Cloud Sync结合内网穿透远程上传文件并云同步至网盘
nas
知孤云出岫18 天前
ONLYOFFICE 8.2版本产品评测——遥遥领先,助力自动化办公
onlyoffice·产品评测·文档编辑软件
你不讲 wood24 天前
预览 PDF 文档
开发语言·前端·javascript·pdf·html·node·文件预览
曹瑞曹瑞1 个月前
onlyoffice docker启用jwt并生成jwt
onlyoffice
ONLYOFFICE1 个月前
ONLYOFFICE 文档8.2版本已发布:PDF 协作编辑、改进界面、性能优化等更新
pdf·编辑器·onlyoffice·文档·更新·office·软件更新
好个秋1 个月前
从nas硬盘大量解压缩zip文件的性能问题
java·nas
GuokLiu1 个月前
241014-绿联UGOSPro-通过虚拟机访问主机的用户目录及文件夹
linux·nas·ugospro
GuokLiu1 个月前
241012-绿联UGOSPro-在仅无线WLAN网络条件下添加虚拟机网络
网络·nas·vm