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"
   }
}
相关推荐
知孤云出岫3 天前
ONLYOFFICE 8.2版本产品评测——遥遥领先,助力自动化办公
onlyoffice·产品评测·文档编辑软件
你不讲 wood9 天前
预览 PDF 文档
开发语言·前端·javascript·pdf·html·node·文件预览
曹瑞曹瑞17 天前
onlyoffice docker启用jwt并生成jwt
onlyoffice
ONLYOFFICE20 天前
ONLYOFFICE 文档8.2版本已发布:PDF 协作编辑、改进界面、性能优化等更新
pdf·编辑器·onlyoffice·文档·更新·office·软件更新
好个秋22 天前
从nas硬盘大量解压缩zip文件的性能问题
java·nas
GuokLiu24 天前
241014-绿联UGOSPro-通过虚拟机访问主机的用户目录及文件夹
linux·nas·ugospro
GuokLiu25 天前
241012-绿联UGOSPro-在仅无线WLAN网络条件下添加虚拟机网络
网络·nas·vm
拒绝游泳的小鱼儿2 个月前
云盘视频保护神器,支持云盘视频加密与在线播放,配合alist使用,超完美!
音视频·alist·网盘工具·视频加密
萤火虫塔莉2 个月前
onlyoffice 使用记录(前端开发角度)
前端·onlyoffice
程序猿追2 个月前
优化学习管理:Moodle和ONLYOFFICE文档编辑器的完美结合
人工智能·python·深度学习·学习·机器学习·onlyoffice