Continuous Build of Docker Containers using Docker hub

In the previous article, I mentioned how we can Dockerise a progressive framework based application (Vue).  I have made few improvements to the application where I am now able to perform CRUD operations on the client side using AXIOS, based on API’s available from the server side. I wanted to test these incremental features added to the application and imagine executing those docker commands everytime you make a new component/feature available. This is quite a task. So I was looking at ways to automate the task where every time I commit/push the code to GitHub the build happens automatically so that the latest container is ready for deployment. This is where Docker Hub comes to our rescue.  Here are the steps for the automated build process:

  1. Register for an account on Docker Hub
  2. Link your Github repo with the Docker Hub under Account SettingsCapture12
  3.  Click on “Create Automated Build “and point to the GitHub Repo that has got the Docker File (Refer the previous article on how to create this Docker File). Capture13Capture14Capture15
  4.  Make some changes to your code, do a git commit and Push the change to your GitHub Repo.Capture16
  5.  You can see the automated build in progress as soon as the changes are committed to the repo.  Capture17
  6. And within few minutes you can see the build is served.

Capture18

As mentioned in the previous article you can go to your OCCS (Oracle Container Cloud Service) and pick up the latest build and deploy this latest Docker container available.

In the next article, I will discuss how we can automate the last part as well, where you don’t need to manually build the latest Docker Container available from Docker Hub in OCCS.

Dockerising a Vue.js based SPA, ship and run on Oracle Container Cloud Service

In this post, I am going to show how to build and containerize a Vue.js application and let it run on Container Cloud Service (OCCS) using the following steps:

  • Build a Vue.js Web App
  • Build Docker image based on the above Vue.js SPA
  • Push it on Docker-Hub
  • Create a Service in Oracle Container Cloud Service (OCCS)
  • Deploy Service (the vue.js app)

Continue reading “Dockerising a Vue.js based SPA, ship and run on Oracle Container Cloud Service”