3.7. Web ブラウザーでアプリケーションを表示する
必要なアプリケーションをデプロイし、データをデータベースにロードしたら、ブラウザーで国立公園アプリケーションを表示できるようになります。
フロントエンドアプリケーションのルート情報を取得することで、アプリケーションの URL を取得できます。
前提条件
-
parksmapフロントエンドアプリケーションをデプロイしている。 -
nationalparksバックエンドアプリケーションをデプロイしている。 -
mongodb-nationalparksデータベースアプリケーションをデプロイしている。 -
データを
mongodb-nationalparksデータベースにロードしている。
手順
次のコマンドを実行して、ルート情報を取得し、マップアプリケーションの URL を取得します。
oc get route parksmap
$ oc get route parksmapCopy 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 NoneCopy 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.comCopy to Clipboard Copied! Toggle word wrap Toggle overflow このアプリケーション URL を Web ブラウザーに貼り付けます。ブラウザーに、世界中の国立公園の地図が表示されるはずです。
図3.1 世界中の国立公園
アプリケーションに位置情報へのアクセスを許可すると、地図はあなたの現在地を中心に表示されます。