jmhbnz/workshops
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Begin making the repository a monorepo for workshops.

Browse Source
This commit is contained in:
James Blair
2023-12-18 19:45:42 +13:00
parent 666aa64a1b
commit e17f1f2367
22 changed files with 2469 additions and 12400 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
data/workshop/exercise2.mdx
View File

@ -21,7 +21,7 @@ Before we begin, if you would like a bit more background on what a container is
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.
<Zoom>
|![parksmap-architecture](/ocp-app-delivery-workshop/static/images/parksmap-architecture.png) |
|![parksmap-architecture](/workshops/static/images/parksmap-architecture.png) |
|:-------------------------------------------------------------------:|
| *ParksMap application architecture* |
</Zoom>
@ -43,7 +43,7 @@ Click **Create** to deploy the application.
OpenShift will pull this container image if it does not exist already on the cluster and then deploy a container based on this image. You will be taken back to the **Topology** view in the **Developer** perspective which will show the new "Parksmap" application.
<Zoom>
|![first-app](/ocp-app-delivery-workshop/static/images/first-app.gif) |
|![first-app](/workshops/static/images/first-app.gif) |
|:-------------------------------------------------------------------:|
| *Deploying the container image* |
</Zoom>
@ -56,7 +56,7 @@ If you click on the **parksmap** entry in the **Topology** view, you will see so
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.
<Zoom>
|![app-details](/ocp-app-delivery-workshop/static/images/app-details.gif) |
|![app-details](/workshops/static/images/app-details.gif) |
|:-------------------------------------------------------------------:|
| *Deploying the container image* |
</Zoom>
@ -75,7 +75,7 @@ While **Services** provide internal abstraction and load balancing within an Ope
You may remember that when we deployed the ParksMap application, there was a checkbox ticked to automatically create a **Route**. Thanks to this, all we need to do to access the application is go the **Resources** tab of the application details pane and click the url shown under the **Routes** header.
<Zoom>
|![app-details](/ocp-app-delivery-workshop/static/images/app-route.gif) |
|![app-details](/workshops/static/images/app-route.gif) |
|:-------------------------------------------------------------------:|
| *Opening ParksMap application Route* |
</Zoom>
@ -85,7 +85,7 @@ 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.
<Zoom>
|![app-frontend](/ocp-app-delivery-workshop/static/images/app-frontend.png) |
|![app-frontend](/workshops/static/images/app-frontend.png) |
|:-------------------------------------------------------------------:|
| *ParksMap application frontend* |
</Zoom>
@ -104,7 +104,7 @@ Click your "Parksmap" application icon then click on the **Resources** tab.
From the **Resources** tab click **View logs**
<Zoom>
|![app-logs](/ocp-app-delivery-workshop/static/images/app-logs.gif) |
|![app-logs](/workshops/static/images/app-logs.gif) |
|:-------------------------------------------------------------------:|
| *Accessing the ParksMap application logs* |
</Zoom>
@ -123,7 +123,7 @@ You should see the **Dashboard** tab. Set the time range to the `Last 1 hour` th
How much cpu and memory is your ParksMap application currently using?
<Zoom>
|![app-logs](/ocp-app-delivery-workshop/static/images/app-resources.gif) |
|![app-logs](/workshops/static/images/app-resources.gif) |
|:-------------------------------------------------------------------:|
| *Checking the ParksMap application resource usage* |
</Zoom>