deploy: d0267ee

Author: applebyter

practicals/button-instructor.pdf

@@ -2125,23 +2125,35 @@ <h4 class="subsectionHead"><span class="titlemark">5.1    </span> <a
 class="ectt-1200">&#x00A0;</span><span style="color:#000000"><span 
 class="ectt-1200">SQLALCHEMY_DATABASE_URI</span></span><span style="color:#000000"><span 
 class="ectt-1200">:</span></span><span style="color:#000000"> </span><span style="color:#000000"><span 
+class="ectt-1200">"</span></span><span style="color:#000000"><span 
 class="ectt-1200">postgresql</span></span><span style="color:#000000"><span 
-class="ectt-1200">://</span></span><span style="color:#000000"><span 
+class="ectt-1200">:\</span></span> 
+<span class="label"><a 
+ id="x1-25016r16"></a></span><span 
+class="ectt-1200">&#x00A0;</span><span 
+class="ectt-1200">&#x00A0;</span><span 
+class="ectt-1200">&#x00A0;</span><span 
+class="ectt-1200">&#x00A0;</span><span 
+class="ectt-1200">&#x00A0;</span><span 
+class="ectt-1200">&#x00A0;</span><span 
+class="ectt-1200">&#x00A0;</span><span style="color:#000000"><span 
+class="ectt-1200">//</span></span><span style="color:#000000"><span 
 class="ectt-1200">administrator</span></span><span style="color:#000000"><span 
 class="ectt-1200">:</span></span><span style="color:#000000"><span 
 class="ectt-1200">verySecretPassword@database</span></span><span style="color:#000000"><span 
 class="ectt-1200">:5432/</span></span><span style="color:#000000"><span 
-class="ectt-1200">todo</span></span> 
+class="ectt-1200">todo</span></span><span style="color:#000000"><span 
+class="ectt-1200">"</span></span> 
 <span class="label"><a 
- id="x1-25016r16"></a></span><span 
+ id="x1-25017r17"></a></span><span 
 class="ectt-1200">&#x00A0;</span><span 
 class="ectt-1200">&#x00A0;</span><span 
 class="ectt-1200">&#x00A0;</span><span 
 class="ectt-1200">&#x00A0;</span><span style="color:#000000"><span 
 class="ectt-1200">ports</span></span><span style="color:#000000"><span 
 class="ectt-1200">:</span></span> 
 <span class="label"><a 
- id="x1-25017r17"></a></span><span 
+ id="x1-25018r18"></a></span><span 
 class="ectt-1200">&#x00A0;</span><span 
 class="ectt-1200">&#x00A0;</span><span 
 class="ectt-1200">&#x00A0;</span><span 
@@ -2151,15 +2163,15 @@ <h4 class="subsectionHead"><span class="titlemark">5.1    </span> <a
 class="ectt-1200">-</span></span><span style="color:#000000"> </span><span style="color:#000000"><span 
 class="ectt-1200">"6400:6400"</span></span> 
 <span class="label"><a 
- id="x1-25018r18"></a></span><span 
+ id="x1-25019r19"></a></span><span 
 class="ectt-1200">&#x00A0;</span><span 
 class="ectt-1200">&#x00A0;</span><span 
 class="ectt-1200">&#x00A0;</span><span 
 class="ectt-1200">&#x00A0;</span><span style="color:#000000"><span 
 class="ectt-1200">depends_on</span></span><span style="color:#000000"><span 
 class="ectt-1200">:</span></span> 
 <span class="label"><a 
- id="x1-25019r19"></a></span><span 
+ id="x1-25020r20"></a></span><span 
 class="ectt-1200">&#x00A0;</span><span 
 class="ectt-1200">&#x00A0;</span><span 
 class="ectt-1200">&#x00A0;</span><span 
@@ -2170,36 +2182,36 @@ <h4 class="subsectionHead"><span class="titlemark">5.1    </span> <a
 class="ectt-1200">database</span></span>
 
 <span class="label"><a 
- id="x1-25020r20"></a></span></pre>
+ id="x1-25021r21"></a></span></pre>
    </div>
-<!--l. 636--><p class="indent" >   We can now run our application and database with the following command within the root directory.
+<!--l. 637--><p class="indent" >   We can now run our application and database with the following command within the root directory.
 </p>
    <div class="framedenv" id="shaded*-1">
-   <!--l. 638-->
+   <!--l. 639-->
 <pre class="lstlisting" id="listing-38"><span class="label"><a 
- id="x1-25021r1"></a></span><span style="color:#000000"><span 
+ id="x1-25022r1"></a></span><span style="color:#000000"><span 
 class="ectt-1200">$</span></span><span style="color:#000000"> </span><span style="color:#000000"><span 
 class="ectt-1200">docker</span></span><span style="color:#000000"> </span><span style="color:#000000"><span 
 class="ectt-1200">compose</span></span><span style="color:#000000"> </span><span style="color:#000000"><span 
 class="ectt-1200">up</span></span><span 
 class="ectt-1200">&#x00A0;</span></pre>
    </div>
-<!--l. 640--><p class="indent" >   Observe the output of this command and you can see two containers running. One is the database, <span 
+<!--l. 641--><p class="indent" >   Observe the output of this command and you can see two containers running. One is the database, <span 
 class="ectt-1200">database</span>,
 and the other is our application, <span 
 class="ectt-1200">app</span>. We can now navigate to <a 
 href="http://localhost:6400" class="url" ><span 
 class="ectt-1200">http://localhost:6400</span></a> to access our running
 application.
-</p><!--l. 644--><p class="indent" >   In reality though our database probably did not have enough time to start up before our application tried to
+</p><!--l. 645--><p class="indent" >   In reality though our database probably did not have enough time to start up before our application tried to
 connect to it. We can fix this by adding a delay to our application startup. To do this we will change the <span 
 class="ectt-1200">CMD</span>
 instruction to the following line in our <span 
 class="ectt-1200">Dockerfile</span>:
 </p>
    <div class="framedenv" id="code-1">
-<!--l. 648--><pre class="listings" id="listing-39"><span class="label"><a 
- id="x1-25022r1"></a></span><span style="color:#33997E"><span 
+<!--l. 649--><pre class="listings" id="listing-39"><span class="label"><a 
+ id="x1-25023r1"></a></span><span style="color:#33997E"><span 
 class="ectt-1200">#</span></span><span style="color:#33997E"> </span><span style="color:#33997E"><span 
 class="ectt-1200">Adding</span></span><span style="color:#33997E"> </span><span style="color:#33997E"><span 
 class="ectt-1200">a</span></span><span style="color:#33997E"> </span><span style="color:#33997E"><span 
@@ -2209,7 +2221,7 @@ <h4 class="subsectionHead"><span class="titlemark">5.1    </span> <a
 class="ectt-1200">application</span></span><span style="color:#33997E"> </span><span style="color:#33997E"><span 
 class="ectt-1200">startup</span></span> 
 <span class="label"><a 
- id="x1-25023r2"></a></span><span style="color:#006699"><span 
+ id="x1-25024r2"></a></span><span style="color:#006699"><span 
 class="ectt-1200">CMD</span></span><span style="color:#000000"> </span><span style="color:#000000"><span 
 class="ectt-1200">[</span></span><span style="color:#669900"><span 
 class="ectt-1200">"</span></span><span style="color:#669900"><span 
@@ -2236,7 +2248,7 @@ <h4 class="subsectionHead"><span class="titlemark">5.1    </span> <a
 class="ectt-1200">run</span></span><span style="color:#669900"> </span><span style="color:#669900"><span 
 class="ectt-1200">\</span></span> 
 <span class="label"><a 
- id="x1-25024r3"></a></span><span 
+ id="x1-25025r3"></a></span><span 
 class="ectt-1200">&#x00A0;</span><span 
 class="ectt-1200">&#x00A0;</span><span 
 class="ectt-1200">&#x00A0;</span><span style="color:#669900"><span 
@@ -2250,16 +2262,16 @@ <h4 class="subsectionHead"><span class="titlemark">5.1    </span> <a
 class="ectt-1200">]</span></span>
 
 <span class="label"><a 
- id="x1-25025r4"></a></span></pre>
+ id="x1-25026r4"></a></span></pre>
    </div>
-<!--l. 654--><p class="indent" >   In a real application you would want it to retry connecting to the database if it fails, but for simplicity now we
+<!--l. 655--><p class="indent" >   In a real application you would want it to retry connecting to the database if it fails, but for simplicity now we
 will just add a delay. We can now rebuild our Docker image and run our application and database with the
 following command:
 </p>
    <div class="framedenv" id="shaded*-1">
-   <!--l. 658-->
+   <!--l. 659-->
 <pre class="lstlisting" id="listing-40"><span class="label"><a 
- id="x1-25026r1"></a></span><span style="color:#000000"><span 
+ id="x1-25027r1"></a></span><span style="color:#000000"><span 
 class="ectt-1200">$</span></span><span style="color:#000000"> </span><span style="color:#000000"><span 
 class="ectt-1200">docker</span></span><span style="color:#000000"><span 
 class="ectt-1200">-</span></span><span style="color:#000000"><span 
@@ -2271,7 +2283,7 @@ <h4 class="subsectionHead"><span class="titlemark">5.1    </span> <a
 
 
    </div>
-<!--l. 660--><p class="indent" >   You may have noticed that when we defined the todo application service above we did not specify an image.
+<!--l. 661--><p class="indent" >   You may have noticed that when we defined the todo application service above we did not specify an image.
 This is because <span 
 class="ectt-1200">docker compose </span>was instructed to use our <span 
 class="ectt-1200">Dockerfile </span>at build time, so that we do not have to
@@ -2280,10 +2292,10 @@ <h4 class="subsectionHead"><span class="titlemark">5.1    </span> <a
 </p>
    <h3 class="sectionHead"><span class="titlemark">6    </span> <a 
  id="x1-260006"></a>Conclusion</h3>
-<!--l. 682--><p class="noindent" >Over the past couple of weeks we have built a full todo app API that is ready to be deployed to a remote
+<!--l. 683--><p class="noindent" >Over the past couple of weeks we have built a full todo app API that is ready to be deployed to a remote
 production environment. We started with a Flask API returning static responses and now we have a dynamic API
 that is running in a containerised environment with an external database.
-</p><!--l. 685--><p class="indent" >   We have cheated with our Docker deployment by using the Flask development server. For a
+</p><!--l. 686--><p class="indent" >   We have cheated with our Docker deployment by using the Flask development server. For a
 production environment you will want to use a production webserver such as <span 
 class="ectt-1200">gunicorn </span>or <span 
 class="ectt-1200">uwsgi</span>.