Oracle JET Webアプリケーションのデプロイの準備

イントロダクション

このチュートリアルでは、Oracle JavaScript Extension Toolkit (Oracle JET) Webアプリケーションをデプロイメント用に準備する方法について説明します。

HTML、JavaScriptおよびCascading Style Sheets (CSS)ファイルのコレクションを含むOracle JET Webアプリケーションを任意のタイプのWebまたはアプリケーション・サーバーにデプロイできます。デプロイメント方法は、アプリケーションが実行されるサーバー環境のタイプによって異なります。

Oracle JET Webアプリケーションをデプロイするには、特定の環境に他のクライアント・インタフェースをデプロイするのと同じ方法を使用できます。

Oracle JETコマンドライン・インタフェースを使用して作成するWebアプリケーションには、構築プロセスの新しいステップを定義するために使用できるフック・スクリプト・テンプレート・ファイルのフォルダが含まれています。たとえば、Webアプリケーション/webフォルダをZIPファイルまたはWARファイルとしてアーカイブするフック・スクリプトを作成できます。このafter_buildスクリプトは、ビルド・プロセスの終了後に実行されます。

このチュートリアルでは、特定の環境およびプラットフォームに依存するデプロイメント・ステップを説明しません。

目的

このチュートリアルの完了時に、Webアプリケーションの/webフォルダをZIPファイルまたはWARファイルとしてアーカイブする方法を学習します。Oracle JETアプリケーション構築プロセスの一環としてアーカイブを自動化するようにWebアプリケーションを変更する方法についても学習します。

前提条件

タスク1: after_buildフック・スクリプトの作成

変更する付属のフック・スクリプト・テンプレート・ファイルを使用して、after_buildフック・スクリプトを作成します。

  1. JET_Web_Application/scripts/hooksディレクトリに移動し、エディタでafter_build.jsフック・スクリプト・テンプレート・ファイルを開きます。

  2. after-build-js.txtコード・スニペットをコピーし、テンプレート・ファイルの内容をコピーされたコード・スニペットで置き換えます。

タスク2: after_buildフック・スクリプトの変更

フック・スクリプトを変更して、Webアプリケーションで生成するアーカイブ・ファイルのタイプを指定します。フック・スクリプトは、同じ圧縮方法を使用してzipファイルとWARファイルを作成します。after_buildフック・スクリプトを変更して、出力ファイルの拡張子(デフォルトでは.war)を指定します。

  1. after_build.jsファイルで、fs.createWriteStream()に渡されたファイル名を編集して、適切な拡張子.zipまたは.warを使用します。

    • WARファイルを生成するには、ファイルにmy-archive.warという名前を付けます。

      const output = fs.createWriteStream('my-archive.war');

    • ZIPファイルを生成するには、ファイルにmy-archive.zipという名前を付けます。

      const output = fs.createWriteStream('my-archive.zip');
  2. ファイル名を変更せずにafter_build.jsファイルを保存します。/scripts/hooksディレクトリ内のフック・スクリプトのファイル名は、様々なOracle JETビルド・フック・ポイントに対応します。

タスク3:リリース・モードでのアプリケーションの作成

Webアプリケーションをリリース・モードで構築すると、build --releaseコマンドは、/web/フォルダ内のライブラリおよびスクリプトの開発バージョンを縮小バージョンに置き換えます。ビルド・プロセスが完了すると、ビルドによってafter_buildフック・スクリプトが実行され、/webフォルダのコンテンツがアーカイブされます。

  1. 端末ウィンドウを開き、JET_Web_Applicationディレクトリに変更して、archiver npmパッケージをインストールします。

    $ npm install archiver

    これにより、JET_Web_Applicationプロジェクトにarchiver npmパッケージがインストールされます。after_build.jsフックは、このパッケージを使用してWebアプリケーションをアーカイブします。

  2. ターミナル・ウィンドウを開き、JET_Web_Applicationディレクトリに変更して、リリース・モードでWebアプリケーションを構築します。

    $ ojet build web --release

    ビルド・プロセスでは、/scripts/hooksディレクトリにあるフック・スクリプトがトリガーされ、完了するまで数分かかります。

  3. 確認されるまで待ちます。

    . . .
Running after_build hook.
Success: Build finished.
Files were successfully archived.

  4. JET_Web_Applicationディレクトリに移動し、フック・スクリプトによって生成されたアーカイブ・ファイルを見つけます。たとえば、after_buildフック・スクリプトを変更してmy-archive.warという名前のWARファイルを生成した場合、その名前のWARファイルがアプリケーション・ルート・フォルダに表示されます。

    Oracle JET Webアプリケーションのルート・フォルダ内のWARファイル。

    図root-folder-with-war-archive.pngの説明

その他の学習リソース

docs.oracle.com/learnの他のラボを調べるか、Oracle Learning YouTubeチャネルでさらに無料の学習コンテンツにアクセスします。さらに、education.oracle.com/learning-explorerにアクセスしてOracle Learning Explorerにします。

製品ドキュメントは、Oracleヘルプ・センターを参照してください。