.NET Core Docker Image для приложений SPA

Ответ 1

Проблема заключается в том, что базовое изображение в вашем файле dockerfile (microsoft/aspnetcore: latest) не содержит node.

Итак, вам нужно установить node, чтобы вы могли запускать проект. Это докер файл, с которым я пришел:

FROM microsoft/aspnetcore:2.0
ARG source
EXPOSE 80 5102
ENV ASPNETCORE_URLS http://*:80
RUN apt-get -qq update && apt-get -qqy --no-install-recommends install wget gnupg \
    git \
    unzip

RUN curl -sL https://deb.nodesource.com/setup_6.x |  bash -
RUN apt-get install -y nodejs
WORKDIR /app
COPY ${source:-obj/Docker/publish} .
ENTRYPOINT ["dotnet", "Project.dll"]

Обратите внимание, как в строке 5 файла docker я запускаю команду для обновления apt-get. И затем в строке 8-9 node устанавливается на изображение докеры

По-прежнему существует проблема, замена горячего модуля из webpack не работает. Даже полное обновление не работает. Я все еще смотрю на него.

UPDATE: поэтому я рассмотрел проблему замены горячего модуля и, по-видимому, это ограничение докера для окон.

Обходной путь заключается в настройке webpack, чтобы он мог сообщать обозревателю об изменениях в течение определенного времени. Посмотрите эту ссылку, чтобы узнать, как ее настроить

UPDATE: Сделав немного больше исследований, я узнал, что у microsoft есть образ, который вы можете использовать для создания своего проекта, он называется: microsoft/aspnetcore-build. Это изображение имеет все зависимости, необходимые для построения (включая nodejs).

Итак, в конце концов, я оставил свой файл Docker как есть (с microsoft/aspnetcore: 2.0 в качестве базового образа) и создал новый файл Docker для разработки, который ссылается на образ сборки, о котором я упоминал ранее. С помощью docker compose я переключаю Dockerfiles в зависимости от среды.

Этот подход кажется более удобным, потому что, когда образы развертываются в производственной среде, они должны иметь все готовые javascript-коды (в случае спа-приложения с angular 2, реагировать и т.д.), другими словами, они не должны иметь зависимость nodejs, делая их менее тяжелыми по размеру.

Ответ 2

Основываясь на ответе @Daniels выше, используя Visual Studio 2017 v15.4 и ASP.NET Core 2.0 на Docker, вот изменения, которые необходимо внести, чтобы обеспечить правильное поведение Production and Development для приложений SPA (в моем случае я " m с помощью Angular):

• Добавить новый файл Docker в ваш проект, который является копией оригинала. Давайте назовем его Dockerfile.Development. Измените следующим образом:

  FROM microsoft/aspnetcore:2.0
  ARG source
  
  # BEGIN MODIFICATION - Node is needed for development (but not production)
  RUN curl -sL https://deb.nodesource.com/setup_6.x | bash -
  RUN apt-get install --assume-yes nodejs
  # END MODIFICATION
  
  WORKDIR /app
  EXPOSE 80
  COPY ${source:-obj/Docker/publish} .
  ENTRYPOINT ["dotnet", "MyService.dll"]
  

• Измените файл docker-compose.override.yml в своем решении, чтобы использовать этот новый файл докеров в разработке. Это будет выглядеть примерно так:

  version: '3'
  
  services:
    myservice:
      environment:
        - ASPNETCORE_ENVIRONMENT=Development
      ports:
        - "80"
      build:
        dockerfile: Dockerfile.Development
  

• Измените файл webpack.config.js в вашем проекте, чтобы включить просмотр изменений, как показано ниже:

  const clientBundleConfig = merge(sharedConfig, {
    entry: { 'main-client': './ClientApp/boot.browser.ts' },
    output: { path: path.join(__dirname, clientBundleOutputDir) },
    // BEGIN MODIFICATION
    watch: isDevBuild,
    watchOptions: {
      poll: isDevBuild ? 1000 : false
    },
    // END MODIFICATION
    plugins: [
      new webpack.DllReferencePlugin({
          context: __dirname,
          manifest: require('./wwwroot/dist/vendor-manifest.json')
      })
    ].concat(isDevBuild ? [
  

Ответ 3

Если вам нужно добавить только двоичный код node к вашему изображению, вы можете скопировать то, что делает файл dockerfile microsoft/aspnetcore-build:

ENV NODE_VERSION 6.10.3

RUN set -ex \
  && for key in \
    9554F04D7259F04124DE6B476D5A82AC7E37093B \
    94AE36675C464D64BAFA68DD7434390BDBE9B9C5 \
    0034A06D9D9B0064CE8ADF6BF1747F4AD2306D93 \
    FD3A5288F042B6850C66B31F09FE44734EB7990E \
    71DCFD284A79C3B38668286BC97EC7A07EDE3FC1 \
    DD8F2338BAE7501E3DD5AC78C273792F7D83545D \
    B9AE9905FFD7803F25714661B63B535A4C206CA9 \
    C4F0DFFF4E8C1A8236409D08E73BC641CC11F4C8 \
  ; do \
    gpg --keyserver pgp.mit.edu --recv-keys "$key" || \
    gpg --keyserver ha.pool.sks-keyservers.net --recv-keys "$key" || \
    gpg --keyserver keyserver.pgp.com --recv-keys "$key" ; \
  done

# set up node
RUN buildDeps='xz-utils' \
    && set -x \
    && apt-get update && apt-get install -y $buildDeps --no-install-recommends \
    && rm -rf /var/lib/apt/lists/* \
    && curl -SLO "https://nodejs.org/dist/v$NODE_VERSION/node-v$NODE_VERSION-linux-x64.tar.xz" \
    && curl -SLO "https://nodejs.org/dist/v$NODE_VERSION/SHASUMS256.txt.asc" \
    && gpg --batch --decrypt --output SHASUMS256.txt SHASUMS256.txt.asc \
    && grep " node-v$NODE_VERSION-linux-x64.tar.xz\$" SHASUMS256.txt | sha256sum -c - \
    && tar -xJf "node-v$NODE_VERSION-linux-x64.tar.xz" -C /usr/local --strip-components=1 \
    && rm "node-v$NODE_VERSION-linux-x64.tar.xz" SHASUMS256.txt.asc SHASUMS256.txt \
    && apt-get purge -y --auto-remove $buildDeps \
    && ln -s /usr/local/bin/node /usr/local/bin/nodejs

Это добавляет около 42 МБ к вашему изображению против ~ 157 МБ с помощью apt-get.