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

手順

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

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

   Copy to Clipboard Toggle word wrap

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

   $ cd frontend

   Copy to Clipboard Toggle word wrap

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

   $ ls

   Copy to Clipboard Toggle word wrap

   出力例

   README.md       openshift       server.js       views
   helm            package.json    tests

   Copy to Clipboard Toggle word wrap

   注記

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

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

   $ odo create nodejs frontend

   Copy to Clipboard Toggle word wrap

   出力例

    ✓  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

   Copy to Clipboard Toggle word wrap

   出力例

    ✓  URL myurl created for component: nodejs-nodejs-ex-pmdp

   Copy to Clipboard Toggle word wrap

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

   $ odo push

   Copy to Clipboard Toggle word wrap

   出力例

   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