diff --git a/data/workshop/exercise2.mdx b/data/workshop/exercise2.mdx index 172fb92..42030c3 100644 --- a/data/workshop/exercise2.mdx +++ b/data/workshop/exercise2.mdx @@ -18,7 +18,7 @@ Before we begin, if you would like a bit more background on what a container is ## 2.1 - Deploying the container image -In this exercise, we’re going to deploy the **web** component of the ParksMap application which is also called parksmap and uses OpenShift’s service discovery mechanism to discover the backend services deployed and shows their data on the map. Below is a visual overview of the complete ParksMap application. +In this exercise, we’re going to deploy the **web** component of the ParksMap application which uses OpenShift's service discovery mechanism to discover any accompanying backend services deployed and shows their data on the map. Below is a visual overview of the complete ParksMap application. |![parksmap-architecture](/ocp-app-delivery-workshop/static/images/parksmap-architecture.png) | @@ -49,11 +49,11 @@ OpenShift will pull this container image if it does not exist already on the clu -## 2.2 - Observing our deployed application +## 2.2 - Reviewing our deployed application If you click on the **parksmap** entry in the **Topology** view, you will see some information about that deployed application. -The Resources tab may be displayed by default. If so, click on the Details tab. On that panel, you will see that there is a single **Pod** that was created by your actions. +The **Resources** tab may be displayed by default. If so, click on the **Details** tab. On that tab, you will see that there is a single **Pod** that was created by your actions. |![app-details](/ocp-app-delivery-workshop/static/images/app-details.gif) | @@ -82,10 +82,34 @@ You may remember that when we deployed the ParksMap application, there was a che Clicking the link you should now see the ParksMap application frontend 🎉 +> Note: If this is the first time opening this page, the browser will ask permission to get your position. This is needed by the Frontend app to center the world map to your location, if you don’t allow it, it will just use a default location. + -|![app-details](/ocp-app-delivery-workshop/static/images/app-frontend.png) | +|![app-frontend](/ocp-app-delivery-workshop/static/images/app-frontend.png) | |:-------------------------------------------------------------------:| | *ParksMap application frontend* | -> Note: If this is the first time opening this page, the browser will ask permission to get your position. This is needed by the Frontend app to center the world map to your location, if you don’t allow it, it will just use a default location. + +## 2.3 - Checking application logs + +If we deploy an application and something isn't working the way we expect, reviewing the application logs can often be helpful. OpenShift includes built in support features for reviewing application logs. + +Let's try it now for our ParksMap frontend. + +In the **Developer** perspective, open the **Topology** view. + +Click your "Parksmap" application icon then click on the **Resources** tab. + +From the **Resources** tab click **View logs** + + +|![app-logs](/ocp-app-delivery-workshop/static/images/app-logs.gif) | +|:-------------------------------------------------------------------:| +| *Accessing the ParksMap application logs* | + + + + + + diff --git a/public/static/images/app-details.gif b/public/static/images/app-details.gif index 259d836..8bf34d7 100644 Binary files a/public/static/images/app-details.gif and b/public/static/images/app-details.gif differ diff --git a/public/static/images/app-logs.gif b/public/static/images/app-logs.gif new file mode 100644 index 0000000..6add654 Binary files /dev/null and b/public/static/images/app-logs.gif differ diff --git a/public/static/images/app-route.gif b/public/static/images/app-route.gif index f5bfe19..7981945 100644 Binary files a/public/static/images/app-route.gif and b/public/static/images/app-route.gif differ diff --git a/public/static/images/close-terminal.gif b/public/static/images/close-terminal.gif index 0e96b04..b8bffe0 100644 Binary files a/public/static/images/close-terminal.gif and b/public/static/images/close-terminal.gif differ diff --git a/public/static/images/first-app.gif b/public/static/images/first-app.gif index 9c325da..eceb7d4 100644 Binary files a/public/static/images/first-app.gif and b/public/static/images/first-app.gif differ diff --git a/public/static/images/perspectives.gif b/public/static/images/perspectives.gif index 717efeb..84238f6 100644 Binary files a/public/static/images/perspectives.gif and b/public/static/images/perspectives.gif differ diff --git a/public/static/images/tour.gif b/public/static/images/tour.gif index ccde046..aa5ec10 100644 Binary files a/public/static/images/tour.gif and b/public/static/images/tour.gif differ diff --git a/public/static/images/web-terminal.gif b/public/static/images/web-terminal.gif index 7a40866..2ad3bb5 100644 Binary files a/public/static/images/web-terminal.gif and b/public/static/images/web-terminal.gif differ