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

手順

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. フロントエンドインターフェイスにアクセスするための URL を作成します。

   $ odo url create myurl
    ✓  URL myurl created for component: nodejs-nodejs-ex-pmdp

   Copy to Clipboard Toggle word wrap

6. コンポーネントを OpenShift Container Platform クラスターにプッシュします。

   $ odo push
   Validation
    ✓  Checking component [7ms]
   
    Configuration changes
    ✓  Initializing component
    ✓  Creating component [134ms]
   
    Applying URL changes
    ✓  URL myurl: http://myurl-app-myproject.192.168.42.79.nip.io created
   
    Pushing to component nodejs-nodejs-ex-mhbb of type local
    ✓  Checking files for pushing [657850ns]
    ✓  Waiting for component to start [6s]
    ✓  Syncing files to the component [408ms]
    ✓  Building component [7s]
    ✓  Changes successfully pushed to component

   Copy to Clipboard Toggle word wrap