DevOps

Deploy web app project running on a Docker container

Posted by

In this article as we begin to progress forward with deploying containers I wanted to build on previous articles.  In this article we will create a package.json and server.js file, create a Dockerfile and see if our web app works.

Now let’s create a directory for our project:

$ mkdir <name_of_project>
$ cd <DIR>

Deploy web app running on a Docker Container

In this article as we begin to progress forward with deploying containers I wanted to build on previous articles.  In this article we will create a package.json and server.js file, create a Dockerfile and see if our web app works.

Now let’s create the package.json file – use the editor of your choice

{
  "name": "yankees_web_app",
  "version": "1.0.0",
  "description": "Node.js on Docker",
  "author": "Paul Bryant",
  "main": "server.js",
  "scripts": {
    "start": "node server.js"
  },
  "dependencies": {
    "express": "^4.16.1"
  }
}

Now let’s create the server.js file – once again use the editor of your choice

'use strict';

const express = require('express');

// Constants
const PORT = 8080;
const HOST = '0.0.0.0';

// App
const app = express();
app.get('/', (req, res) => {
  res.send('New York Yankees are the best team in baseball history');
});

app.listen(PORT, HOST);
console.log(`Running on http://${HOST}:${PORT}`);

$ npm install

Now let’s build the Dockerfile

FROM node
WORKDIR /usr/src/app
COPY package*.json ./
RUN npm install
COPY . .
EXPOSE 8080
CMD [ “node”, “server.js” ]

Create a .dockerignore file and put the following into it:
node_modules
npm-debug.log

Now let’s build the image
$ docker build -t pbryant/yankees-web-app .

$ docker run -p 8080:8080 pbryant/yankees-web-app:latest

As you can see we have gotten our intended results and can hit the webpage from our internal network on port 8080

What if we wanted to make a change to our webpage and have it updated in Docker?

Edit the server.js file with whatever you want to add

Rebuild the image – this is a requirement

Run the container based off the updated image

As you can see the changes made that we made have been updated

Summary:
I hope this quick walkthrough of a project format helped further your understanding of Docker.  As always, I hope y’all found this useful.

Leave a Reply