安装Document Server

官方安装教程可查阅https://helpcenter.onlyoffice.com/server/developer-edition/index.aspx
以下介绍使用docker安装步骤及一些注意事项,亦可查看官方教程https://helpcenter.onlyoffice.com/server/developer-edition/docker/docker-installation.aspx

安装Docker

首先安装最新版的Docker是必须的,可以从Docker官网查看安装方式https://docs.docker.com/get-docker/
以Docker Desktop for Mac为例,安装成功后会可以看到一个海豚图标
image.png

安装Document Server镜像

配置国内镜像

Docker默认从海外服务器下载镜像,配置国内镜像可以加速下载。

  1. 打开Docker偏好设置

image.png

  1. 添加镜像设置

image.png
以上设置了网易的镜像,你也可以使用其他如阿里云镜像
"registry-mirrors": ["http://hub-mirror.c.163.com"

安装镜像

直接输入以下指令,其中8088为端口号可自行修改

  1. sudo docker run -i -t -d -p 8088:80 --restart=always onlyoffice/documentserver-de

会提示未在本地找到镜像文件并自动下载镜像和生成容器。
运行完成后可以在Docker Desktop内看到对应的容器,可以在里面进行浏览器打开、查看日志、停止、重启、删除这些操作。
image.png
如果在下载镜像时一直下载失败,可以尝试先pull下载完成之后再执行run命令

  1. sudo docker pull onlyoffice/documentserver-de

其他配置

完成以上步骤之后可以在浏览器打开看到以下内容,到这里基本的本地Document Server就已经安装并启动成功了。
image.png
其他配置如将数据存储在容器外、使用https等可以在官方教程内查看,不影响demo使用,这就不加说明了

在线文档编辑器

下载示例项目

Document Server启动之后的网页内会提示以下方法启用一个编辑器
image.png
我们也可以在官网上下载一个示例项目方便查看代码逻辑,这里我们使用Node.js版本示例,示例项目启动步骤可查看官网教程https://api.onlyoffice.com/editors/example/nodejs

启动在线编辑器

  1. 先进入项目目录安装npm依赖

    1. npm install
  2. 修改siteUrl配置为本地Document Server地址。注意不能使用localhost要使用ip

image.png

  1. 启动项目

    1. npm start

    启动后访问3000端口,点击下方按钮创建一个文件
    image.png
    可以看到以下界面并无任何弹窗警告或窗口,即启动成功
    image.png

    功能说明

  2. 多用户协同编辑

    1. 在以下界面选择用户

image.png

  1. 使用不同用户在文件列表进入编辑同一个文件

image.png

  1. 可以在界面上看到同时操作的用户image.png
  1. 上传/创建文件

image.png

  1. 编辑/下载文件

image.png

  1. 文件历史

image.png

以上就完成了一个基础Demo,更多内容可以前往官方文件了解https://api.onlyoffice.com/editors/basic