-
Notifications
You must be signed in to change notification settings - Fork 1
/
setup_new_heroku2.html
301 lines (203 loc) · 10.8 KB
/
setup_new_heroku2.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
<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Getting Started with Heroku — ClojureBridgeMN Documentation November 4-5, 2016 documentation</title>
<link rel="stylesheet" href="_static/css/theme.css" type="text/css" />
<link rel="index" title="Index"
href="genindex.html"/>
<link rel="search" title="Search" href="search.html"/>
<link rel="top" title="ClojureBridgeMN Documentation November 4-5, 2016 documentation" href="index.html"/>
<script src="_static/js/modernizr.min.js"></script>
</head>
<body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side">
<div class="wy-side-scroll">
<div class="wy-side-nav-search">
<a href="index.html" class="icon icon-home"> ClojureBridgeMN Documentation
</a>
<div class="version">
Saturday Nov 5 2016 @ 15:59:08 futuro
</div>
<div role="search">
<form id="rtd-search-form" class="wy-form" action="search.html" method="get">
<input type="text" name="q" placeholder="Search docs" />
<input type="hidden" name="check_keywords" value="yes" />
<input type="hidden" name="area" value="default" />
</form>
</div>
</div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
<ul>
<li class="toctree-l1"><a class="reference internal" href="setup.html">Installfest</a></li>
<li class="toctree-l1"><a class="reference internal" href="welcome.html">Welcome to ClojureBridge</a></li>
<li class="toctree-l1"><a class="reference internal" href="track1.html">Track 1</a></li>
<li class="toctree-l1"><a class="reference internal" href="track2.html">Track 2</a></li>
<li class="toctree-l1"><a class="reference internal" href="resources.html">Clojure Resources</a></li>
<li class="toctree-l1"><a class="reference internal" href="community.html">Connect with the Clojure Community</a></li>
</ul>
</div>
</div>
</nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="top navigation">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="index.html">ClojureBridgeMN Documentation</a>
</nav>
<div class="wy-nav-content">
<div class="rst-content">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs">
<li><a href="index.html">Docs</a> »</li>
<li>Getting Started with Heroku</li>
<li class="wy-breadcrumbs-aside">
<a href="_sources/setup_new_heroku2.txt" rel="nofollow"> View page source</a>
</li>
</ul>
<hr/>
</div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div itemprop="articleBody">
<div class="section" id="getting-started-with-heroku">
<h1>Getting Started with Heroku<a class="headerlink" href="#getting-started-with-heroku" title="Permalink to this headline">¶</a></h1>
<p><em>NOTE: This page is now obsolete (for reference only!)</em></p>
<div class="section" id="verify-the-heroku-toolbelt-installation">
<h2>Verify the heroku toolbelt installation<a class="headerlink" href="#verify-the-heroku-toolbelt-installation" title="Permalink to this headline">¶</a></h2>
<p>In a previous step we installed the Heroku toolbelt.
Check the Heroku version on the command line:</p>
<div class="highlight-default"><div class="highlight"><pre><span></span><span class="n">heroku</span> <span class="n">version</span>
</pre></div>
</div>
<p>You should see something like <code class="docutils literal"><span class="pre">heroku/toolbelt/3.38.3</span></code>...</p>
</div>
<div class="section" id="login-to-heroku">
<h2>Login to Heroku<a class="headerlink" href="#login-to-heroku" title="Permalink to this headline">¶</a></h2>
<p>Now we’ll use the toolbelt to login to your Heroku account:</p>
<div class="highlight-default"><div class="highlight"><pre><span></span><span class="n">heroku</span> <span class="n">login</span>
</pre></div>
</div>
<p>You will be prompted for the e-mail address and password you
used when you signed up for Heroku.</p>
<p><em>NOTE: behind the scenes it will copy your public SSH key to your Heroku profile).</em></p>
<p><img alt="Login to Heroku" src="_images/heroku3.png" /></p>
</div>
<div class="section" id="make-a-new-directory-for-the-application">
<h2>Make a new directory for the application<a class="headerlink" href="#make-a-new-directory-for-the-application" title="Permalink to this headline">¶</a></h2>
<p>We’re going to follow the instructions in the https://github.com/heroku/clojure-getting-started repo...</p>
<p>First things first.. Let’s make a directory where that repo
should land... One commen convention is to use</p>
<p><strong>~/src/SERVICE/ORGANIZATION/REPO</strong></p>
<p><em>where</em></p>
<ul class="simple">
<li>~ is your home directory</li>
<li>src is where you will keep source code</li>
<li>SERVICE is the name of the service provide (e.g. github)</li>
<li>ORGANIZATION is the name of the user or organization publishing the repository (e.g. clojurebridge-minneapolis)</li>
<li>REPO is the name of the repository itself (e.g. track1-chatter)</li>
</ul>
<p>So for the current example we can make that series of directories
like this:</p>
<div class="highlight-none"><div class="highlight"><pre><span></span>clojurista@mylaptop $ mkdir -p ~/src/github/heroku
clojurista@mylaptop $ cd ~/src/github/heroku
</pre></div>
</div>
<p><img alt="Make directories for your repo" src="_images/heroku6.png" /></p>
</div>
<div class="section" id="clone-the-clojure-getting-started-repo">
<h2>Clone the clojure-getting-started repo<a class="headerlink" href="#clone-the-clojure-getting-started-repo" title="Permalink to this headline">¶</a></h2>
<p>Now we’ll</p>
<ol class="simple">
<li>Download a copy of the repo from github to your local hard drive</li>
<li>Change to the new repo directory</li>
<li>Start a Leiningen REPL</li>
</ol>
<div class="highlight-none"><div class="highlight"><pre><span></span>clojurista@mylaptop $ git clone https://github.com/heroku/clojure-getting-started.git
clojurista@mylaptop $ cd clojure-getting-started
clojurista@mylaptop $ lein repl
</pre></div>
</div>
<p><img alt="Start the program" src="_images/heroku9.png" /></p>
</div>
<div class="section" id="start-the-program">
<h2>Start the program<a class="headerlink" href="#start-the-program" title="Permalink to this headline">¶</a></h2>
<p>Now that the REPL has started you can enter these
to commands to start the program:</p>
<div class="highlight-none"><div class="highlight"><pre><span></span>user=> (require 'clojure-getting-started.web)
user=> (def server (clojure-getting-started.web/-main))
</pre></div>
</div>
<p><em>NOTE: on some platforms your firewall may need to ask permissions for Java to connect to the Internet</em></p>
</div>
<div class="section" id="view-the-running-program-in-a-web-browser">
<h2>View the running program in a web browser<a class="headerlink" href="#view-the-running-program-in-a-web-browser" title="Permalink to this headline">¶</a></h2>
<p>You should be able to open your browser to: http://localhost:5000</p>
<p>...and see a very simple web page served from the sample program you just started!</p>
<p><img alt="View the program" src="_images/heroku10.png" /></p>
</div>
<div class="section" id="stop-the-program">
<h2>Stop the program<a class="headerlink" href="#stop-the-program" title="Permalink to this headline">¶</a></h2>
<p>Once you’ve tried the server you can shut it down gracefully
with the <code class="docutils literal"><span class="pre">(.stop</span> <span class="pre">server)</span></code> command and exit the REPL with <code class="docutils literal"><span class="pre">(exit)</span></code>:</p>
<div class="highlight-none"><div class="highlight"><pre><span></span>user=> (.stop server)
user=> (exit)
</pre></div>
</div>
<p><img alt="View the program" src="_images/heroku11.png" /></p>
</div>
<div class="section" id="publish-the-program-to-the-internet-using-heroku">
<h2>Publish the program to the Internet using Heroku<a class="headerlink" href="#publish-the-program-to-the-internet-using-heroku" title="Permalink to this headline">¶</a></h2>
<p>That was cool, but only worked on your local laptop.
Now you can publish the application to Heroku so anyone
on the Internet can access it!</p>
<p>We’ll use the Heroku toolbelt to put the program into production...</p>
<div class="highlight-none"><div class="highlight"><pre><span></span>clojurista@mylaptop $ heroku create
clojurista@mylaptop $ git push heroku master
clojurista@mylaptop $ heroku open
</pre></div>
</div>
<p>When you publish a program to Heroku is uses a kind of random
domain name. You can type this into your browser by hand -or-
simply type <code class="docutils literal"><span class="pre">heroku</span> <span class="pre">open</span></code> to open the correct URL in your browser.</p>
<p>Now you see the same program running.. With the important
difference that you can share this URL with all of your friends!</p>
<p><img alt="View the program on the Internet" src="_images/heroku13.png" /></p>
</div>
</div>
</div>
</div>
<footer>
<hr/>
<div role="contentinfo">
<p>
© Copyright 2016 ClojureBridgeMN volunteers.
</p>
</div>
Built with <a href="http://sphinx-doc.org/">Sphinx</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer>
</div>
</div>
</section>
</div>
<script type="text/javascript">
var DOCUMENTATION_OPTIONS = {
URL_ROOT:'./',
VERSION:'November 4-5, 2016',
COLLAPSE_INDEX:false,
FILE_SUFFIX:'.html',
HAS_SOURCE: true
};
</script>
<script type="text/javascript" src="_static/jquery.js"></script>
<script type="text/javascript" src="_static/underscore.js"></script>
<script type="text/javascript" src="_static/doctools.js"></script>
<script type="text/javascript" src="_static/js/theme.js"></script>
<script type="text/javascript">
jQuery(function () {
SphinxRtdTheme.StickyNav.enable();
});
</script>
</body>
</html>