How to Dockerizing a Angular 2 web app via node js?

Question

I tried out finding many ways for Dockerizing angular 2 web app using node js but not yet worked it is running on local but not working on docker container.Does anyone have any proper Dockerfile and package.json file for docking angular 2 app.

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

EXPOSE 5655
CMD [ "npm","start" ]

Site cant be reached while accessing

Below are some possible ways i found on stack over flow but not worked

docker run --rm --name my-container -it -p 8080:4200 -v $(pwd):/var/www -w "/var/www" node npm start

in package.json even i kept my port as dynamic "ng serve -host 0.0.0.0",

And also suggest me which server i need to use either nginx or node for docking angular 2 web-app

"scripts": {
    "start": "node ./bin/www",
    "build": "del-cli public/js/app && webpack --config webpack.config.dev.js --progress --profile --watch",
    "build:prod": "del-cli public/js/app && ngc -p tsconfig.aot.json && ngc -p tsconfig.aot.json && webpack --config webpack.config.prod.js --progress --profile --bail && del-cli 'public/js/app/**/*.js' 'public/js/app/**/*.js.map' '!public/js/app/bundle.js' '!public/js/app/*.chunk.js' 'assets/app/**/*.ngfactory.ts' 'assets/app/**/*.shim.ts'"
  }

Your angular app must be served by any type of http servers - it can be a simple node.js file with configured "express" module inside. Can you post here the content of your package.json or at least the "scripts" section from it? — sergiy.dragunov
– sergiy.dragunov, Commented Apr 7, 2017 at 13:08
@sergiy.dragunov "scripts": { "start": "node ./bin/www", "build": "del-cli public/js/app && webpack --config webpack.config.dev.js --progress --profile --watch", "build:prod": "del-cli public/js/app && ngc -p tsconfig.aot.json && ngc -p tsconfig.aot.json && webpack --config webpack.config.prod.js --progress --profile --bail && del-cli 'public/js/app/**/*.js' 'public/js/app/**/*.js.map' '!public/js/app/bundle.js' '!public/js/app/*.chunk.js' 'assets/app/**/*.ngfactory.ts' 'assets/app/**/*.shim.ts'" }, — rselvaganesh
– rselvaganesh, Commented Apr 7, 2017 at 13:16
@sergiy.dragunov i have added my script above description section — rselvaganesh
– rselvaganesh, Commented Apr 7, 2017 at 13:18

sergiy.dragunov · Accepted Answer · 2017-04-10 15:26:07Z

1

first of all I would suggest to run "npm start" at your machine;
and check if after this you can reach you angular app in a browser;
if this works - you will need to remember at which port your angular app is served;
add new RUN section "RUN npm run build:prod" right before EXPOSE line;
set correct port at section EXPOSE;
run you container: "docker run --rm --name my-container -it ."
open browser at http:127.0.0.1:HERE_PORT_FROM_EXPOSE_SECTION

Here is a small example: https://github.com/karlkori/dockerized-angular-app

Also I want to add that for production it will be better to use Nginx or CloudFront.

edited Apr 10, 2017 at 15:26

answered Apr 8, 2017 at 17:01

sergiy.dragunov

7906 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

rselvaganesh Over a year ago

sergiy.dragunov Same error not worked with above steps

sergiy.dragunov Over a year ago

is your application private? can you share it code on github or bitbucket?

sergiy.dragunov Over a year ago

added a link to example

Collectives™ on Stack Overflow

How to Dockerizing a Angular 2 web app via node js?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related