웹사이트 검색

ONLYOFFICE Docs를 draw.io/diagrams.net과 통합하는 방법


이 페이지에서

  1. 1단계: ONLYOFFICE 문서도구 설치
  2. 2단계: 플러그인 설치\n
    1. sdkjs-plugins 폴더를 통해 설치\n
    2. config.json 파일을 통해 설치\n

    ONLYOFFICE Docs는 GNU AGPL v3.0에서 배포되는 오픈 소스 오피스 제품군입니다. OOXML 형식과 호환되는 텍스트 문서, 스프레드시트 및 프리젠테이션을 위한 웹 기반 뷰어 및 공동 편집기로 구성됩니다.

    ONLYOFFICE Docs는 Nextcloud, Redmine, Seafile, Jira, Moodle 등과 같은 다양한 클라우드 서비스와 통합될 수 있을 뿐만 아니라 자체 솔루션에 내장될 수 있습니다. 편집기는 완전한 생산성 솔루션 ONLYOFFICE Workspace의 일부로 사용할 수도 있습니다.

    Draw.io(diagrams.net)는 순서도, 마인드 맵, 조직도, 벤 다이어그램, 인포그래픽, 네트워크 및 아키텍처 다이어그램, UML 등 다양한 다이어그램을 만들 수 있는 팀용 오픈 소스 다이어그램 앱입니다. 다이어그램 및 기타.

    이 자습서에서는 플러그인을 사용하여 ONLYOFFICE Docs에서 바로 draw.io 서비스를 사용할 수 있게 만드는 방법을 배웁니다.

    1단계: ONLYOFFICE 문서 설치

    모든 종속성이 있는 제품군의 최신 버전을 설치하는 가장 쉬운 방법은 다음 명령을 실행하는 Docker를 사용하는 것입니다.

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

    이 HowtoForge 튜토리얼에서 자세한 지침을 찾을 수 있습니다.

    2단계: 플러그인 설치

    GitHub에서 Plugin을 다운받아 수동설치를 진행하시면 2가지 방법이 있습니다.

    sdkjs-plugins 폴더를 통해 설치

    플러그인 코드 폴더를 ONLYOFFICE Docs 폴더에 넣고 서비스를 다시 시작합니다.

    var/www/onlyoffice/documentserver/sdkjs-plugins/

    디버깅을 위해 sdkjs-plugins 폴더로 ONLYOFFICE Docs를 시작합니다.

    # docker run -itd -p 80:80 -v /absolutly_path_to_work_dir:/var/www/onlyoffice/documentserver/sdkjs-plugins/plugin onlyoffice/documentserver-ee:latest

    config.json 파일을 통해 설치

    ONLYOFFICE Docs 구성에서 draw.io 플러그인의 해당 config.json 파일 경로를 plugins.pluginsData 매개변수에 추가합니다.

    var docEditor = new DocsAPI.DocEditor("placeholder", {
        "editorConfig": {
            "plugins": {
                "autostart": [
                    "asc.{0616AE85-5DBE-4B6B-A0A9-455C4F1503AD}",
                    "asc.{FFE1F462-1EA2-4391-990D-4CC84940B754}",
                    ...
                ],
                "pluginsData": [
                    "https://example.com/plugin1/config.json",
                    "https://example.com/plugin2/config.json",
                    ...
                ]
            },
            ...
        },
        ...
    });

    여기서 example.com은 ONLYOFFICE Docs가 설치된 서버 이름이고 https://example.com/plugin1/config.json은 플러그인의 경로입니다.

    draw.io 플러그인 guid는 asc.{DB38923B-A8C0-4DE9-8AEE-A61BB5C901A5}입니다.

    이 파일에 테스트 예제가 있는 경우 /etc/onlyoffice/documentserver-example/local.json 줄을 플러그인의 config.json 파일 경로로 바꿉니다.

    3단계: draw.io 플러그인 시작

    draw.io 플러그인을 성공적으로 설치하면 플러그인 탭에 해당 아이콘이 나타납니다. 해당 아이콘을 클릭하고 열린 창에서 자신만의 다이어그램을 만들거나 사용 가능한 리소스에서 하나를 붙여넣습니다.

    준비가 되면 저장 및 종료를 클릭한 다음 확인 버튼을 클릭하여 문서에 준비된 다이어그램을 가져옵니다. 다이어그램을 추가로 변경해야 하는 경우 다이어그램을 클릭하기만 하면 됩니다.

    그게 다야! 이제 편집기를 종료하거나 추가 응용 프로그램을 실행하지 않고도 문서에 다이어그램을 생성, 편집 및 삽입할 수 있습니다.