如何通过节点 js 对 Angular 2 Web 应用程序进行 Dockerizing？

Question

我尝试找到许多使用节点 js 对 Angular 2 Web 应用程序进行 Dockerizing 的方法，但尚未奏效，它在本地运行但无法在 docker 容器上运行。有没有人有任何合适的 Dockerfile 和 package.json 用于对接 Angular 2 应用程序的文件。

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" ]

访问时无法访问网站

以下是我在堆栈溢出但未奏效的一些可能方法

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

在 package.json 中，即使我将端口保持为动态 "ng serve -host 0.0.0.0",

还建议我需要使用哪个服务器 nginx 或 node 来对接 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'"
  }

Answer 1

1. 首先我建议在您的机器上运行“npm start”；
2. 并检查在此之后您是否可以在浏览器中访问您的 Angular 应用程序；
3. 如果可行 - 您需要记住您的 Angular 应用程序在哪个端口提供服务；
4. 在 EXPOSE 行之前添加新的 RUN 部分“RUN npm run build:prod”；
5. 在 EXPOSE 部分设置正确的端口；
6. 运行容器：“docker run --rm --name my-container -it。”
7. 在 http:127.0.0.1:HERE_PORT_FROM_EXPOSE_SECTION 打开浏览器

这是一个小例子： https://github.com/karlkori/dockerized-angular-app

我还想补充一点，生产环境最好使用 Nginx 或 CloudFront。