Dockerize CMS 和 NextJS 并处理依赖关系（NextJS 需要运行 CMS 才能构建）。

huangapple
go评论97阅读模式
英文:

Dockerize CMS and NextJS and handle depedencies (NextJS needs CMS running to build)

问题

Context

我正在尝试将我的应用程序容器化，该应用程序由一个无界面的 CMS（Strapi）和一个 NextJS 客户端组成。

NextJS 需要我的 CMS 在运行时才能构建（它会在端口 1337 上获取内容）。

Code

我的 docker-compose.yaml

  1. version: "3.8"
  3. services:
  4.   db:
  5.     image: mariadb:latest
  6.     environment:
  7.       - MYSQL_ROOT_PASSWORD=root
  8.       - MYSQL_USER=root
  9.       - MYSQL_PASSWORD=root
  10.       - DATABASE_SSL=false
  11.     ports:
  12.       - "3306:3306"
  13.     volumes:
  14.       - ./server/strapi_portfolio.sql:/docker-entrypoint-initdb.d/strapi_portfolio.sql
  15.     networks:
  16.       - portfolio-network
  18.   portfolio-strapi:
  19.     build:
  20.       context: ./server
  21.     ports:
  22.       - "1337:1337"
  23.     volumes:
  24.       - ./portfolio-strapi:/usr/src/app
  25.     environment:
  26.       - NODE_ENV=development
  27.     networks:
  28.       - portfolio-network
  30.     depends_on:
  31.       - db
  33.   portfolio-nextjs:
  34.     build:
  35.       context: ./client
  36.     ports:
  37.       - "3000:3000"
  38.     volumes:
  39.       - ./portfolio-nextjs:/usr/src/app
  40.     environment:
  41.       - NODE_ENV=development
  42.     networks:
  43.       - portfolio-network
  44.     depends_on:
  45.       - portfolio-strapi
  47. networks:
  48.   portfolio-network:
  49.     driver: bridge

NextJS Dockerfile

  1. FROM node:18-alpine as builder
  3. WORKDIR "/app"
  5. COPY package.json package-lock.json ./
  6. RUN npm install --frozen-lockfile --production=true
  8. COPY . .
  9. RUN npm run build-prod
  11. EXPOSE 3000
  13. CMD ["npm", "start"]

Strapi（CMS）Dockerfile

  1. FROM node:18-alpine AS builder
  3. WORKDIR "/app"
  4. COPY package.json package-lock.json ./
  6. RUN npm install --frozen-lockfile
  8. COPY . .
  9. RUN npm run build
  12. FROM node:18-alpine AS runner
  14. COPY --from=builder /app/package.json /app/package-lock.json ./
  15. COPY --from=builder /app/dist ./
  17. RUN npm install --frozen-lockfile --omit=dev
  19. EXPOSE 1337
  21. CMD ["npm", "start"]

What I tried

  • 我尝试了 Docker 的 depends_on 功能，但它不起作用，即使使用了健康检查也不行。
    是的，CMS 构建会在之前触发，但我的 NextJS 应用程序在构建之前并不等待它提供服务。
  • 我尝试创建一个 npm 脚本，在运行构建脚本之前等待我的 API 可用：
  1. const MAX_RETRIES = 10;
  2. let retries = 0;
  4. const waitForStrapi = async () => {
  5.   while (retries < MAX_RETRIES) {
  6.     console.log(`[ATTEMPT ${retries}] Trying to reach Strapi...`);
  7.     try {
  8.       await fetch("http://localhost:1337");
  9.       console.log("Strapi is ready!");
  10.       break;
  11.     } catch (e) {
  12.       console.log("Waiting for Strapi...");
  13.       await new Promise((resolve) => setTimeout(resolve, 30000));
  14.     }
  15.     retries++;
  16.   }
  17. };
  19. waitForStrapi();
  20. console.log("[ERROR - Couldn't connect to Strapi]");

我的 CMS 镜像已完全构建，但从未运行过（因此无法解析 http://localhost:1337），我不知道为什么...

我是不是漏掉了什么东西，还是我可能没有正确的方法来实现这一点？感谢您的帮助。

英文:

Context

I am trying to dockerize my app which is made off a headless CMS (Strpi) and a client NextJS.

NextJS needs to have my CMS running in order to build (it's fetching the content there on port 1337)

Code

My docker-compose.yaml

  1. version: &quot;3.8&quot;
  3. services:
  4.   db:
  5.     image: mariadb:latest
  6.     environment:
  7.       - MYSQL_ROOT_PASSWORD=root
  8.       - MYSQL_USER=root
  9.       - MYSQL_PASSWORD=root
  10.       - DATABASE_SSL=false
  11.     ports:
  12.       - &quot;3306:3306&quot;
  13.     volumes:
  14.       - ./server/strapi_portfolio.sql:/docker-entrypoint-initdb.d/strapi_portfolio.sql
  15.     networks:
  16.       - portfolio-network
  18.   portfolio-strapi:
  19.     build:
  20.       context : ./server
  21.     ports:
  22.       - &quot;1337:1337&quot;
  23.     volumes:
  24.       - ./portfolio-strapi:/usr/src/app
  25.     environment:
  26.       - NODE_ENV=development
  27.     networks:
  28.       - portfolio-network
  30.     depends_on:
  31.       - db
  33.   portfolio-nextjs:
  34.     build:
  35.       context : ./client
  36.     ports:
  37.       - &quot;3000:3000&quot;
  38.     volumes:
  39.       - ./portfolio-nextjs:/usr/src/app
  40.     environment:
  41.       - NODE_ENV=development
  42.     networks:
  43.       - portfolio-network
  44.     depends_on:
  45.       - portfolio-strapi
  47. networks:
  48.   portfolio-network:
  49.     driver: bridge

NextJS Dockerfile

  1. FROM node:18-alpine as builder
  3. WORKDIR &quot;/app&quot;
  5. COPY package.json package-lock.json ./
  6. RUN npm install --frozen-lockfile --production=true
  8. COPY . .
  9. RUN npm run build-prod
  11. EXPOSE 3000
  13. CMD [&quot;npm&quot;, &quot;start&quot;]

Strapi (CMS) Dockerfile

  1. FROM node:18-alpine AS builder
  3. WORKDIR &quot;/app&quot;
  4. COPY package.json package-lock.json ./
  6. RUN npm install --frozen-lockfile
  8. COPY . .
  9. RUN npm run build
  12. FROM node:18-alpine AS runner
  14. COPY --from=builder /app/package.json /app/package-lock.json ./
  15. COPY --from=builder /app/dist ./
  17. RUN npm install --frozen-lockfile --omit=dev
  19. EXPOSE 1337
  21. CMD [&quot;npm&quot;, &quot;start&quot;]

What I tried

  • I tried the depends_on functionnality of docker but it's not working, even with healthchecks.
    Yes the CMS build is triggered before but my NextJS app is not waiting for it to be served before building
  • I tried to create a npm script that waits for my api to be available before running the build script :
  1. const MAX_RETRIES = 10;
  2. let retries = 0;
  4. const waitForStrapi = async () =&gt; {
  5.   while (retries &lt; MAX_RETRIES) {
  6.     console.log(`[ATTEMPT ${retries}] Trying to reach Strapi...`);
  7.     try {
  8.       await fetch(&quot;http://localhost:1337&quot;);
  9.       console.log(&quot;Strapi is ready!&quot;);
  10.       break;
  11.     } catch (e) {
  12.       console.log(&quot;Waiting for Strapi...&quot;);
  13.       await new Promise((resolve) =&gt; setTimeout(resolve, 30000));
  14.     }
  15.     retries++;
  16.   }
  17. };
  19. waitForStrapi();
  20. console.log(&quot;[ERROR - Couldn&#39;t connect to Strapi]&quot;);

My CMS image is fully built BUT is never running (so http://localhost:1337 can never be resolved) and I don't know why...

Am I missing something or may I not have the right philosophy to achieve this ?
Thanks for your help

答案1

得分: 0

我认为你缺少了docker-compose文件的"command"部分，所以它应该看起来像这样：

  1. version: "3.8"
  3. services:
  4.   db:
  5.     image: mariadb:latest
  6.     environment:
  7.       - MYSQL_ROOT_PASSWORD=root
  8.       - MYSQL_USER=root
  9.       - MYSQL_PASSWORD=root
  10.       - DATABASE_SSL=false
  11.     ports:
  12.       - "3306:3306"
  13.     volumes:
  14.       - ./server/strapi_portfolio.sql:/docker-entrypoint-initdb.d/strapi_portfolio.sql
  15.     networks:
  16.       - portfolio-network
  18.   portfolio-strapi:
  19.     build:
  20.       context: ./server
  21.     ports:
  22.       - "1337:1337"
  23.     volumes:
  24.       - ./portfolio-strapi:/usr/src/app
  25.     environment:
  26.       - NODE_ENV=development
  27.     networks:
  28.       - portfolio-network
  29.     depends_on:
  30.       - db
  31.     command: npm run start
  33.   portfolio-nextjs:
  34.     build:
  35.       context: ./client
  36.     ports:
  37.       - "3000:3000"
  38.     volumes:
  39.       - ./portfolio-nextjs:/usr/src/app
  40.     environment:
  41.       - NODE_ENV=development
  42.     networks:
  43.       - portfolio-network
  44.     depends_on:
  45.       - portfolio-strapi
  46.     command: npm run start
  48. networks:
  49.   portfolio-network:
  50.     driver: bridge

希望这有所帮助。

英文:

I think you are missing the "command" section of the docker-compose file, so it would look something like this:

  1. version: &quot;3.8&quot;
  3. services:
  4.   db:
  5.     image: mariadb:latest
  6.     environment:
  7.       - MYSQL_ROOT_PASSWORD=root
  8.       - MYSQL_USER=root
  9.       - MYSQL_PASSWORD=root
  10.       - DATABASE_SSL=false
  11.     ports:
  12.       - &quot;3306:3306&quot;
  13.     volumes:
  14.       - ./server/strapi_portfolio.sql:/docker-entrypoint-initdb.d/strapi_portfolio.sql
  15.     networks:
  16.       - portfolio-network
  18.   portfolio-strapi:
  19.     build:
  20.       context : ./server
  21.     ports:
  22.       - &quot;1337:1337&quot;
  23.     volumes:
  24.       - ./portfolio-strapi:/usr/src/app
  25.     environment:
  26.       - NODE_ENV=development
  27.     networks:
  28.       - portfolio-network
  29.     depends_on:
  30.       - db
  31.     command: npm run start
  33.   portfolio-nextjs:
  34.     build:
  35.       context : ./client
  36.     ports:
  37.       - &quot;3000:3000&quot;
  38.     volumes:
  39.       - ./portfolio-nextjs:/usr/src/app
  40.     environment:
  41.       - NODE_ENV=development
  42.     networks:
  43.       - portfolio-network
  44.     depends_on:
  45.       - portfolio-strapi
  46.     command: npm run start
  48. networks:
  49.   portfolio-network:
  50.     driver: bridge

Hope this helps

huangapple
  • 本文由 发表于 2023年6月15日 17:06:55
  • 转载请务必保留本文链接：https://go.coder-hub.com/76480892.html
  • docker
  • next.js
  • node.js
  • strapi
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定