0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

ONLYOFFICEオンラインエディターをJavaのウェブサイトに統合する方法

Posted at

この記事では、Javaで書かれたWebアプリケーションにONLYOFFICE Docsを統合方法をご紹介します。

統合の例は、ドキュメントエディタの機能と、Document Serverをあなたのアプリケーションに接続する方法を示すために使用されます。適切なコードの変更なしに、これらの例をあなた自身のサーバで使用しないでください!テスト用のサンプルを有効にした場合は、本番環境に移行する前に無効にしてください。

重要なセキュリティ情報

テスト例を使用する際には、以下のセキュリティ面に留意してください:

  • 認証が必要ないので、不正アクセスからストレージを保護することはできません。
  • パラメータはあらかじめ用意されたスクリプトに従ってコードによって生成されるので、リンクのパラメータ置換に対するチェックはありません。
  • 各テスト例はONLYOFFICE Document Serverからのリクエストのみを対象としているため、編集後のファイル保存リクエストにおけるデータチェックはありません。
  • 他ドメインからONLYOFFICE Document Serverとやり取りすることを想定しているため、他サイトのテスト例を使用することを禁止しておりません。

Windowsの場合

ステップ1. ONLYOFFICE Docsのインストール

ONLYOFFICE Docs(Document Serverとしてパッケージ化されています)をダウンロードし、インストールしてください。

Windows用のDocument Serverのインストール方法については、詳細ガイドをご覧ください。

ステップ2. エディタ統合のためのJavaコードのダウンロード

私たちのサイトからJavaのサンプルをダウンロードしてください。

エディタをウェブサイトに接続するために、エディタインストールへのパスとストレージフォルダへのパスを∕srcmain∕resources∕settings.propertiesファイルに指定します:

storage-folder = app_data
files.docservice.url.site=https://documentserver/

ここで、documentserverはONLYOFFICE Document Serverがインストールされているサーバーの名前、storage-folderはファイルが作成され保存されるパスです。絶対パスを設定できます。例えば、D:\\フォルダです。Windows OSでは、セパレータとしてダブルバックスラッシュを使用しなければならないことに注意してください。

エディタ設定を試したい場合は、editor.jspファイルのパラメータを変更してください。

ステップ3. 前提条件のインストール

Javaサンプル・コードを実行するために、OSとWebサーバーApache Tomcatに適したJavaバージョンをインストールしてください:

ステップ4.Apache Tomcatの実行

1.WindowsにJavaをインストールしたら、JAVA_HOME環境変数をJavaのインストールディレクトリに設定します。

Javaがインストールされている場所を確認してください。インストール時にパスを変更しなかった場合は、以下のようになります:

C:\Program Files\Java\jdk1.8.0_65

Windows 7の場合、「マイコンピュータ」を右クリックし、「プロパティ」を選択し、「詳細設定」をクリックします。

Windows 8の場合は、コントロールパネルからシステムを選択し、システムの詳細設定をクリックします。

「環境変数」ボタンをクリックします。

「システム変数」で、「新規」をクリックします。

変数名」フィールドに、JDK(Java Development Kit)をインストールした場合は「JAVA_HOME」、JRE(Java Runtime Environment)をインストールした場合は「JRE_HOME」と入力します。

Variable Valueフィールドに、JDKまたはJREのインストール・パスを入力します。例:C:\Program Files\Java\jdk1.8.0_65

image.png

コマンドプロンプトの echo コマンドで変数が正常に作成されているか確認します:

echo %JAVA_HOME%

2.コマンド・プロンプトを実行します。カレントディレクトリをApache Tomcatのインストールディレクトリに変更します:

cd /d C:\Apache Tomcat\apache-tomcat-7.0.67\bin

bin startup.batスクリプトを使用してApache Tomcatを起動します:

startup.bat

Tomcatの起動に関する情報やメッセージを提供する新しいTomcatコンソール・ウィンドウが表示されます:

image.png

ウェブ・ブラウザのアドレスを使用して、Tomcatのインストールをテストしてください:

http://localhost:8080

問題がなければ、以下のようにブラウザにTomcatのWebページが表示されます。

ステップ 5 . Javaコードの実行

1.Manager Appをクリックして、Tomcat Web Application Managerを開きます:

image.png

2.Tomcat Web Application Managerはユーザ名とパスワードを要求します:

image.png

Apache Tomcatのインストールフォルダにあるtomcat-users.xmlファイルにユーザデータを指定します。manager-guiユーザ・ロールを定義し、ユーザ名とパスワードの値を指定します:

<tomcat-users>
    <role rolename="manager-gui"/>
    <user username="tomcat" password="tomcat" roles="manager-gui"/>
</tomcat-users>

3.Tomcat Web Application ManagerでJavaプロジェクトをアップロードします。そのためには、[WAR file to deploy]セクションで[Choose File]をクリックし、Javaプロジェクト・フォルダ内の.warファイルを見つけて、[Deploy]をクリックします。

image.png
image.png

4.アプリケーションリストにプロジェクトが表示されます:

image.png

5.アプリケーション名のリンクをクリックして実行します。

ステップ6. アクセシビリティの確認

exampleとDocument Serverが別々のコンピュータにインストールされている場合、exampleがインストールされているサーバーが、設定ファイルでdocumentserverの代わりに指定したアドレスでDocument Serverにアクセスできることを確認してください。また、Document Serverが、exampleをインストールしたサーバーに、設定ファイルでexample.comの代わりに指定したアドレスでアクセスできることを確認してください。

エディタの統合が成功すれば、私たちのサイトのデモプレビューのようになるはずです。

Linuxの場合

ステップ1. ONLYOFFICE Docsのインストール

ONLYOFFICE Docs(Document Serverとしてパッケージ化されています)をダウンロードしてインストールしてください。

Linux用Document Serverのインストール方法については、詳細ガイドをご覧ください。

ステップ2. 前提条件をインストールし、エディタでウェブサイトを実行します。

1.Javaをインストールします:

sudo add-apt-repository ppa:webupd8team/java
sudo apt-get update
sudo apt-get install oracle-java8-installer

2.Java サンプルのアーカイブをダウンロードし、解凍します:

wget https://github.com/ONLYOFFICE/document-server-integration/releases/latest/download/Java.Example.zip
unzip Java\ Example.zip

カレント・ディレクトリをプロジェクト・ディレクトリに変更します:

cd Java\ Example/

4.settings.properties設定ファイルを編集します。ONLYOFFICE Document Serverがインストールされているローカルサーバ名を指定してください。

nano src/main/resources/settings.properties

以下の行を編集してください:

storage-folder = app_data
files.docservice.url.site=https://documentserver/

ここで、documentserverはONLYOFFICE Document Serverがインストールされているサーバーの名前で、storage-folderはファイルが作成され保存されるパスです。フォルダに対する読み取り権限と書き込み権限が必要であることに注意してください。権限がない場合は、次のコマンドを使用してください:

sudo chmod -R ugo+rw /{path}

5.Mavenをインストールします:

sudo apt-get install maven

6.構築します:

mvn package

7.管理ページでTomcatをインストールします:

sudo apt-get install tomcat8 tomcat8-admin

8.Tomcatのadminユーザを設定します:

sudo nano /var/lib/tomcat8/conf/tomcat-users.xml

行を入力します:

<role rolename="manager-gui"/>
<user username="USERNAME" password="PASSWORD" roles="manager-gui"/>

ここで、USERNAMEとPASSWORDはあなた自身の認証情報データです。

Tomcatを再起動します:

systemctl restart tomcat8

9.ブラウザでTomcatの管理画面をadminユーザで開きます:

http://localhost:8080/manager/html

10.target/OnlineEditorsExampleJava-1.0.warからアップロードするWARファイルを選択します。

11.ブラウザのアドレスで結果を確認してください:

http://localhost:8080/OnlineEditorsExampleJava-1.0/

ステップ3. アクセス可能性の確認

exampleとDocument Serverが異なるコンピュータにインストールされている場合、exampleがインストールされているサーバーが、設定ファイルでdocumentserverの代わりに指定したアドレスでDocument Serverにアクセスできることを確認してください。また、Document Serverが、exampleをインストールしたサーバーに、設定ファイルでexample.comの代わりに指定したアドレスでアクセスできることを確認してください。

エディタが正常に統合されれば、当サイトのデモプレビューのようになるはずです。

Dockerの場合
settings.properties設定ファイルを編集します。ONLYOFFICE Document Serverがインストールされているローカルサーバの名前を指定します。

nano src/main/resources/settings.properties

以下の行を編集してください:

storage-folder = app_data
files.docservice.url.site=https://documentserver/

ここで、documentserverはONLYOFFICE Document Serverがインストールされたサーバーの名前で、storage-folderはファイルが作成され保存されるパスです。

2.Javaのサンプルディレクトリで次のコマンドを実行してください:

docker-compose up

3.その後、すべてのbinファイルが./targetフォルダに移動されます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?