2.6.4. フロントエンドコンポーネントのデプロイ

手順

1. フロントエンドアプリケーションのサンプルをダウンロードします。

   $ git clone https://github.com/openshift/nodejs-ex

   Copy to Clipboard Toggle word wrap

2. 現在のディレクトリーをフロントエンドディレクトリーに切り替えます。

   $ cd <directory-name>

   Copy to Clipboard Toggle word wrap

3. フロントエンドが Node.js アプリケーションであることを確認するために、ディレクトリーの内容を一覧表示します。

   $ ls
   assets  bin  index.html  kwww-frontend.iml  package.json  package-lock.json  playfield.png  README.md  server.js

   Copy to Clipboard Toggle word wrap
   注記

   フロントエンドコンポーネントはインタプリター型言語で記述され (Node.js)、ビルドされる必要はありません。

4. frontend という名前の Node.js コンポーネントタイプのコンポーネント設定を作成します。

   $ odo create nodejs frontend
    ✓  Validating component [5ms]
   Please use `odo push` command to create the component with source deployed

   Copy to Clipboard Toggle word wrap

5. コンポーネントを実行中のコンテナーにプッシュします。

   $ odo push
   Validation
    ✓  Checking component [8ms]
   
   Configuration changes
    ✓  Initializing component
    ✓  Creating component [83ms]
   
   Pushing to component frontend of type local
    ✓  Checking files for pushing [2ms]
    ✓  Waiting for component to start [45s]
    ✓  Syncing files to the component [3s]
    ✓  Building component [18s]
    ✓  Changes successfully pushed to component

   Copy to Clipboard Toggle word wrap