-
Notifications
You must be signed in to change notification settings - Fork 0
/
common-explore.html
309 lines (234 loc) · 11.9 KB
/
common-explore.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<script src="jquery/jquery.min.js"></script>
<script src="popper/popper.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="requirejs/require.js"></script>
<script>var workshop_base_url = "/user/user3/workshop";</script>
<link rel="stylesheet" href="asciidoctor/css/asciidoctor.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="fontawesome/css/all.min.css">
<link rel="stylesheet" href="css/workshop.css">
<link rel="stylesheet" href="css/workshop-asciidoc.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-135921114-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag("js", new Date());
gtag("config", "UA-135921114-11");
</script>
</head>
</body>
<!-- Header -->
<header class="header">
<div class="container-fluid">
<div class="row">
<div class="col-sm-6">
<a href="" class="logo">Starter Labs (Java)</a>
</div>
</div>
</div>
</header>
<!-- Main -->
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 d-sm-block d-none">
<!-- Table of Contents -->
<ul class="menu">
<li class="category">
<ul class="modules">
<h5 class="category-title">Workshop Modules</h5>
<li class="page"><a href="common-workshop-summary.html">Workshop Summary</a></li>
<li class="page"><a href="common-environment.html">Environment Overview</a></li>
<li class="page"><a href="common-using-homeroom.html">Using Homeroom</a></li>
<li class="page"><a href="common-parksmap-architecture.html">Architecture Overview of the ParksMap Application</a></li>
<li class="page active"><a href="common-explore.html">Exploring the CLI and Web Console</a></li>
<li class="page"><a href="parksmap-container-image.html">Deploying Your First Container Image</a></li>
<li class="page"><a href="parksmap-scaling.html">Scaling and Self Healing</a></li>
<li class="page"><a href="parksmap-routes.html">Exposing Your Application to the Outside World</a></li>
<li class="page"><a href="parksmap-logging.html">Exploring OpenShift's Logging Capabilities</a></li>
<li class="page"><a href="parksmap-permissions.html">Role-Based Access Control</a></li>
<li class="page"><a href="parksmap-rsh.html">Remote Access to Your Application</a></li>
<li class="page"><a href="nationalparks-java.html">Deploying Java Code</a></li>
<li class="page"><a href="nationalparks-java-databases.html">Adding a Database (MongoDB)</a></li>
<li class="page"><a href="nationalparks-java-application-health.html">Application Health</a></li>
<li class="page"><a href="nationalparks-java-pipeline.html">Automate Build and Deployment with Pipelines</a></li>
<li class="page"><a href="nationalparks-java-pipeline-codechanges-gogs.html">Automation for Your Application on Code Changes</a></li>
<li class="page"><a href="mlbparks-templates.html">Using Application Templates</a></li>
<li class="page"><a href="mlbparks-binary-build.html">Binary Builds for Day to Day Development</a></li>
<li class="page"><a href="common-further-resources.html">Further Resources</a></li>
<li class="page"><a href="common-workshop-links.html">Workshop Links</a></li>
</ul>
</li>
</ul>
</div>
<div class="col-sm-9">
<section class="page-content">
<!-- Top Navigation -->
<div class="btn-group btn-group-xs float-right">
<button type="button" onclick="location.href='common-parksmap-architecture';" class="btn btn-xs btn-transparent" aria-label="Prev">
<span class="fas fa-arrow-left" aria-hidden="true"></span>
</button>
<button type="button" onclick="location.href='';" class="btn btn-xs btn-transparent" aria-label="Home">
<span class="fas fa-home" aria-hidden="true"></span>
</button>
<button type="button" onclick="location.href='parksmap-container-image';" class="btn btn-xs btn-transparent" aria-label="Next">
<span class="fas fa-arrow-right" aria-hidden="true"></span>
</button>
</div>
<!-- Title -->
<h1 class="title">Exploring the CLI and Web Console</h1>
<!-- Content -->
<div class="sect1">
<h2 id="_command_line_interface">Command Line Interface</h2>
<div class="sectionbody">
<div class="paragraph">
<p>OpenShift includes a feature-rich web console with both an Administrator perspective and a Developer perspective. In addition to the web console, OpenShift includes command line tools
to provide users with a nice interface to work with applications deployed to the
platform. The <code>oc</code> command line tool is an executable written in the Go
programming language and is available for the following operating systems:</p>
</div>
<div class="ulist">
<ul>
<li>
<p>Microsoft Windows</p>
</li>
<li>
<p>macOS 10</p>
</li>
<li>
<p>Linux</p>
</li>
</ul>
</div>
<div class="paragraph">
<p>This lab environment has the <code>oc</code> command line tool installed, and your lab user is already logged in to the OpenShift cluster.</p>
</div>
<div class="paragraph">
<p>Issue the following command to see help information:</p>
</div>
<div class="listingblock execute-1">
<div class="content">
<pre class="highlight"><code class="language-bash" data-lang="bash">oc help</code></pre>
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_using_a_project">Using a Project</h2>
<div class="sectionbody">
<div class="paragraph">
<p>Projects are a top level concept to help you organize your deployments. An
OpenShift project allows a community of users (or a user) to organize and manage
their content in isolation from other communities. Each project has its own
resources, policies (who can or cannot perform actions), and constraints (quotas
and limits on resources, etc). Projects act as a "wrapper" around all the
application services and endpoints you (or your teams) are using for your work.</p>
</div>
<div class="paragraph">
<p>During this lab, we are going to use a few different commands to make sure that
things in the environment are working as expected. Don’t worry if you don’t
understand all of the terminology as we will cover it in detail in later labs.</p>
</div>
<div class="paragraph">
<p>In this lab environment, you already have access to single project: <strong>user3</strong>.</p>
</div>
<div class="paragraph">
<p>If you had multiple projects, the first thing you would want to do is to switch
to the <strong>user3</strong> project to make sure you’re on the correct project from now on.
You can do this with the following command:</p>
</div>
<div class="listingblock execute-1">
<div class="content">
<pre class="highlight"><code class="language-bash" data-lang="bash">oc project user3</code></pre>
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_the_web_console">The Web Console</h2>
<div class="sectionbody">
<div class="paragraph">
<p>OpenShift ships with a web-based console that will allow users to
perform various tasks via a browser.</p>
</div>
<div class="paragraph">
<p>To get a feel for how the web console works, click on this <a href="http://console-openshift-console.apps.cluster-test-efcf.test-efcf.example.opentlc.com/k8s/cluster/projects">Web Console</a> link.</p>
</div>
<div class="paragraph">
<p>On the login screen, enter the following credentials:</p>
</div>
<div class="paragraph">
<p>Username: <code>user3</code></p>
</div>
<div class="paragraph">
<p>Password: <code>openshift</code></p>
</div>
<div class="paragraph">
<p>The first time you access the web console, you will most likely be in the Administrator perspective. You will be presented with the list of Projects that you can access, and you will see something that looks like the following image:</p>
</div>
<div class="imageblock">
<div class="content">
<img src="images/explore-webconsole1sc.png" alt="Web Console">
</div>
</div>
<div class="paragraph">
<p>Click on the <strong>user3</strong> project link. When you click on the
<strong>user3</strong> project, you will be taken to the project details page,
which will list some metrics and details about your project. There’s nothing there now, but that will change as you progress through the lab.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="images/explore-webconsole2.png" alt="Explore Project">
</div>
</div>
<div class="paragraph">
<p>At the top of the left navigation menu, you can toggle between the Administrator perspective and the Developer perspective.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="images/explore-perspective-toggle.png" alt="Toggle Between Perspectives">
</div>
</div>
<div class="paragraph">
<p>Select <strong>Developer</strong> to switch to the Developer perspective. Once the Developer perspective loads, you should be in the <strong>Topology</strong> view. Right now, there are no applications or components to view, but once you begin working on the lab, you’ll be able to visualize and interact with the components in your application here.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="images/explore-topology-view.png" alt="Topology View">
</div>
</div>
<div class="paragraph">
<p>We will be using a mix of command line tooling and the web console for the labs.
Get ready!</p>
</div>
</div>
</div>
<!-- Bottom Navigation -->
<div class="page-meta clearfix">
<input type="button" class="btn btn-lg btn-primary float-right" onclick="location.href='parksmap-container-image';" value="Continue" />
</div>
</section>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer">
</footer>
<!-- Javascript-->
<script src="js/workshop.js"></script>
<script src="js/workshop-asciidoc.js"></script>
</body>
</html>