3.7. Web ブラウザーでアプリケーションを表示する
必要なアプリケーションをデプロイし、データをデータベースにロードしたら、ブラウザーで国立公園アプリケーションを表示できるようになります。
フロントエンドアプリケーションのルート情報を取得することで、アプリケーションの URL を取得できます。
前提条件
-
parksmap
フロントエンドアプリケーションをデプロイしている。 -
nationalparks
バックエンドアプリケーションをデプロイしている。 -
mongodb-nationalparks
データベースアプリケーションをデプロイしている。 -
データを
mongodb-nationalparks
データベースにロードしている。
手順
次のコマンドを実行して、ルート情報を取得し、マップアプリケーションの URL を取得します。
oc get route parksmap
$ oc get route parksmap
Copy to Clipboard Copied! Toggle word wrap Toggle overflow 出力例
NAME HOST/PORT PATH SERVICES PORT TERMINATION WILDCARD parksmap parksmap-user-getting-started.apps.cluster.example.com parksmap 8080-tcp edge None
NAME HOST/PORT PATH SERVICES PORT TERMINATION WILDCARD parksmap parksmap-user-getting-started.apps.cluster.example.com parksmap 8080-tcp edge None
Copy to Clipboard Copied! Toggle word wrap Toggle overflow -
上記の出力から、
HOST/PORT
列の値をコピーします。 コピーした値の前に
https://
を追加して、アプリケーション URL を取得します。これは、ルートが保護されたルートであるため必要です。アプリケーション URL の例
https://parksmap-user-getting-started.apps.cluster.example.com
https://parksmap-user-getting-started.apps.cluster.example.com
Copy to Clipboard Copied! Toggle word wrap Toggle overflow このアプリケーション URL を Web ブラウザーに貼り付けます。ブラウザーに、世界中の国立公園の地図が表示されるはずです。
図3.1 世界中の国立公園
アプリケーションに位置情報へのアクセスを許可すると、地図はあなたの現在地を中心に表示されます。