Public | Automated Build

Last pushed: a year ago
Short Description
Automated build for the vue js sample app
Full Description

Medrec Sample UI web application

A sample responsive web application built for MedRec Platform API's using Vue.js framework. The application
uses Bootstrap theme.

A Vue.js project for Medrec App. The app has the functionality to log/track time, create or remove appointments and lists Drug Inventory calling the MedRec APIs.

Axios is the http client library used to invoke the MedRec API's. It uses promises by default and runs on both the client and the server (which makes it appropriate for fetching data during server-side rendering).

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:3000
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

How to Dockerise this web application and register it on Docker Hub

  1. Create a dockerfile in the Web App root folder as below (Refer the Dockerfile)
    ` bash
    FROM node:boron

    Create app directory

    RUN mkdir -p /usr/src/app
    WORKDIR /usr/src/app

    Install app dependencies

    COPY package.json /usr/src/app/
    RUN npm install

Bundle app source

COPY . /usr/src/app

CMD ["npm", "run", "dev"]

2. Create .dockerignore file at the same location and add the below entries.
``` bash

Create a Docker Container

  1. Execute this docker command from the application path :
    docker build -t <Image_Name> .

List and run the Docker Image

  1. The image built can be listed with the below command.
    docker images
  2. Run the image. Running your image with -d runs the container in detached mode, leaving the container running in the background. The -p flag redirects a public port to a private port inside the container.
docker run -p 49160:3000 -d <Image_Name>

  1. Get container ID
$ docker ps

Ship it to Docker Hub

  1. Register on docker hub with the repository name <Image_Name>

  2. connect to docker hub
    ` bash
    docker login --username=<dockerhubusername> --email=<dockerhubemail>

9. Tag your image

``` bash

docker tag <image_id> image_name:latest

  1. Push the image to the docker hub

docker push yourhubusername/image_name

Deploy and Run it on Oracle Container Cloud Service (OCCS) from Docker Hub registry

For detailed explanation on the service check out (

  1. Register your Docker Hub Account with OCCS from the container console.

  2. Create a Service in OCCS from the container console

Service Name:
Image: yourhubusername/image_name
Add Ports Configuration: Host Port: 41960 Container Port: 3000 tcp

  1. save changes

  2. Deploy, allocate to the pool.

  3. Check the docker image being pulled from registry to OCCS.

  4. Check Host details

  5. Access the application : http://host-ip:41960

Automated Build Process using DockerHub.

  1. Create a Docker Hub Account.
  2. Enable the Automatic Build by pointing to the GitHub Repo.
  3. Everytime you make a commit to Github, the image is automatically built and available on the Docker Hub.
Docker Pull Command